:root { --ink: #030303; --void: #1a1e39; --cream: #f0e8db; --bone: #eaeaea; --cream-dim: rgba(240, 232, 219, 0.55); --cream-faint: rgba(240, 232, 219, 0.12); --cream-line: rgba(240, 232, 219, 0.18); --serif: "Instrument Serif", "Times New Roman", serif; --sans: "Geist", system-ui, -apple-system, sans-serif; --mono: "JetBrains Mono", ui-monospace, monospace; --ease: cubic-bezier(0.2, 0.7, 0.1, 1); } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { background: var(--ink); color: var(--cream); } html { scroll-behavior: smooth; } html.intro-active { overflow: hidden; } body.intro-active { overflow: hidden; } body { font-family: var(--sans); font-weight: 300; letter-spacing: 0.005em; line-height: 1.4; overflow-x: hidden; cursor: none; } a { color: inherit; text-decoration: none; } em { font-style: italic; font-family: var(--serif); font-weight: 400; } sup { font-family: var(--mono); font-size: 0.55em; opacity: 0.5; padding-left: 2px; letter-spacing: 0.04em; } .section-no { font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.18em; color: var(--cream-dim); display: inline-flex; align-items: center; gap: 10px; } .amp { color: var(--cream-dim); font-family: var(--serif); font-style: italic; font-weight: 400; padding: 0 2px; } .grain { position: fixed; inset: 0; pointer-events: none; z-index: 9000; opacity: 0.06; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,"); } .vignette { position: fixed; inset: 0; pointer-events: none; z-index: 8000; background: radial-gradient(120% 80% at 50% 50%, transparent 50%, rgba(0,0,0,0.55) 100%); } .cursor { position: fixed; top: 0; left: 0; width: 26px; height: 26px; border: 1px solid var(--cream); border-radius: 50%; pointer-events: none; z-index: 10000; transform: translate(-50%, -50%); mix-blend-mode: difference; transition: width 0.25s var(--ease), height 0.25s var(--ease), border-color 0.25s var(--ease); } .cursor span { position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; background: var(--cream); border-radius: 50%; transform: translate(-50%, -50%); } body.cursor--lg .cursor { width: 72px; height: 72px; } .nav { position: fixed; top: 20px; left: 24px; right: 24px; height: 44px; z-index: 7000; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; pointer-events: none; } .nav > * { pointer-events: auto; } .nav__mark { display: inline-flex; align-items: center; gap: 12px; font-family: var(--serif); font-size: 19px; letter-spacing: 0.01em; font-style: italic; } .nav__brand { font-style: normal; font-family: var(--sans); font-weight: 400; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; } .nav__brand .amp { font-style: italic; font-family: var(--serif); font-size: 16px; } .nav__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--cream); box-shadow: 0 0 12px rgba(240, 232, 219, 0.6); } .nav__menu { display: inline-flex; align-items: center; gap: 28px; padding: 10px 22px; border: 1px solid var(--cream-line); border-radius: 999px; background: rgba(3, 3, 3, 0.45); backdrop-filter: blur(14px); font-size: 13px; letter-spacing: 0.04em; } .nav__menu a { position: relative; transition: color 0.3s var(--ease); color: var(--cream); } .nav__menu a:hover { color: var(--cream); } .nav__menu a:hover sup { opacity: 1; } .nav__meta { justify-self: end; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; color: var(--cream-dim); display: inline-flex; align-items: center; gap: 10px; } .pulse { width: 7px; height: 7px; background: #b6e3a4; border-radius: 50%; box-shadow: 0 0 8px #b6e3a4; animation: pulse 1.6s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 0.4; transform: scale(0.85); } 50% { opacity: 1; transform: scale(1.15); } } .hero { position: relative; min-height: 100vh; overflow: hidden; isolation: isolate; background: var(--ink); } .hero__stage { position: relative; min-height: 100vh; perspective: 1400px; transform-style: preserve-3d; } .hero__sky { position: absolute; inset: 0; background: radial-gradient(80% 60% at 75% 30%, rgba(26, 30, 57, 0.85) 0%, transparent 65%), radial-gradient(60% 50% at 20% 80%, rgba(26, 30, 57, 0.5) 0%, transparent 70%), linear-gradient(180deg, #050610 0%, #030303 70%); z-index: 0; } .hero__horizon { position: absolute; left: -10%; right: -10%; bottom: 18%; height: 1px; background: linear-gradient(90deg, transparent, var(--cream-line) 30%, var(--cream-line) 70%, transparent); z-index: 1; } .hero__beam { position: absolute; pointer-events: none; filter: blur(40px); z-index: 0; } .beam-a { top: -20%; right: -10%; width: 50vw; height: 80vh; background: radial-gradient(ellipse at center, rgba(240,232,219,0.08), transparent 70%); } .beam-b { bottom: -30%; left: -15%; width: 55vw; height: 70vh; background: radial-gradient(ellipse at center, rgba(26,30,57,0.7), transparent 65%); } .float { position: absolute; z-index: 2; transform-style: preserve-3d; will-change: transform; animation: floaty 14s ease-in-out infinite; } .float--torus { top: 14%; right: 9%; width: 220px; height: 220px; animation-duration: 16s; } .float--sphere { top: 62%; right: 30%; width: 90px; height: 90px; animation-duration: 11s; animation-delay: -3s; } .float--blade { top: 28%; left: 8%; width: 170px; height: 12px; animation-duration: 19s; animation-delay: -6s; } .float--ring { bottom: 22%; left: 18%; width: 320px; height: 320px; animation-duration: 22s; animation-delay: -9s; opacity: 0.4; } .float--shard { top: 48%; left: 38%; width: 70px; height: 110px; animation-duration: 13s; animation-delay: -2s; } @keyframes floaty { 0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); } 50% { transform: translate3d(0, -22px, 0) rotate(2deg); } } .torus { width: 100%; height: 100%; border-radius: 50%; border: 36px solid transparent; background: conic-gradient(from 220deg, rgba(240,232,219,0.85) 0deg, rgba(26,30,57,0.4) 90deg, rgba(240,232,219,0.55) 180deg, rgba(3,3,3,0.8) 270deg, rgba(240,232,219,0.85) 360deg) border-box; -webkit-mask: radial-gradient(circle, transparent 38%, #000 39%, #000 100%); mask: radial-gradient(circle, transparent 38%, #000 39%, #000 100%); filter: drop-shadow(0 30px 60px rgba(0,0,0,0.6)); transform: rotate(-18deg) skewX(-10deg); } .sphere { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 30% 28%, #fff, var(--cream) 18%, #6e6757 60%, #0a0a0a 100%); box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 -16px 30px rgba(0,0,0,0.5); } .blade { width: 100%; height: 100%; background: linear-gradient(90deg, transparent, var(--cream), rgba(240,232,219,0.3), transparent); filter: blur(0.5px) drop-shadow(0 0 18px rgba(240,232,219,0.4)); transform: rotate(-22deg); } .ring { width: 100%; height: 100%; border-radius: 50%; border: 1px solid var(--cream-line); position: relative; } .ring::before, .ring::after { content: ""; position: absolute; inset: 18%; border-radius: 50%; border: 1px solid var(--cream-faint); } .ring::after { inset: 36%; border-color: var(--cream-line); } .shard { width: 100%; height: 100%; background: linear-gradient(160deg, var(--cream) 0%, #8d846f 40%, var(--void) 100%); clip-path: polygon(50% 0, 100% 30%, 80% 100%, 20% 100%, 0 30%); filter: drop-shadow(0 20px 40px rgba(0,0,0,0.7)); transform: rotate(14deg); } .hero__type { position: relative; z-index: 5; padding: 180px 80px 0; max-width: 1100px; } .hero__eyebrow { display: inline-flex; align-items: center; gap: 14px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cream-dim); margin-bottom: 36px; } .tick { font-family: var(--serif); font-size: 14px; color: var(--cream); } .hero__title { font-family: var(--serif); font-weight: 400; font-size: clamp(72px, 12vw, 184px); line-height: 0.92; letter-spacing: -0.02em; color: var(--cream); } .hero__title .line { display: block; } .hero__title .line--2 { padding-left: 12vw; } .hero__title .line--3 { padding-left: 4vw; color: var(--cream-dim); } .hero__title em { font-style: italic; color: var(--cream); } .hero__caption { position: absolute; right: 80px; bottom: 220px; max-width: 340px; display: flex; flex-direction: column; gap: 14px; z-index: 5; } .caption__rule { width: 50px; height: 1px; background: var(--cream); } .hero__caption p { font-size: 14px; line-height: 1.55; color: var(--cream-dim); } .hero__phone { position: absolute; right: 12%; top: 28%; z-index: 4; transform: rotate(-8deg) translateZ(0); animation: floaty 12s ease-in-out infinite; animation-delay: -4s; } .hero__ticker { position: absolute; bottom: 30px; left: 0; right: 0; border-top: 1px solid var(--cream-line); border-bottom: 1px solid var(--cream-line); padding: 14px 0; overflow: hidden; z-index: 5; background: rgba(3,3,3,0.4); backdrop-filter: blur(8px); } .ticker-row { display: flex; gap: 60px; white-space: nowrap; font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.18em; color: var(--cream-dim); animation: ticker 38s linear infinite; padding-left: 60px; } @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } } .phone { --pw: 240px; width: var(--pw); height: calc(var(--pw) * 2.06); background: linear-gradient(155deg, #1a1a1a 0%, #0a0a0a 60%, #050505 100%); border-radius: 38px; padding: 10px; position: relative; box-shadow: inset 0 0 0 1px rgba(240,232,219,0.08), 0 1px 0 rgba(240,232,219,0.15), 0 50px 100px rgba(0,0,0,0.6), 0 20px 30px rgba(0,0,0,0.5); } .phone::before { content: ""; position: absolute; inset: 0; border-radius: 38px; background: linear-gradient(160deg, rgba(240,232,219,0.18), transparent 30%, transparent 70%, rgba(240,232,219,0.06)); pointer-events: none; } .phone__notch { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); width: 70px; height: 18px; background: #000; border-radius: 12px; z-index: 3; } .phone__screen { width: 100%; height: 100%; border-radius: 28px; overflow: hidden; position: relative; background: var(--void); } .phone__ui { position: absolute; top: 18px; right: 18px; z-index: 4; display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; background: rgba(3,3,3,0.55); backdrop-filter: blur(10px); border: 1px solid var(--cream-line); font-family: var(--mono); font-size: 9px; letter-spacing: 0.14em; color: var(--cream); } .phone__time {} .phone__caption { position: absolute; bottom: 18px; left: 18px; right: 18px; z-index: 4; display: flex; justify-content: space-between; align-items: center; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--cream); } .phone__caption .play { width: 28px; height: 28px; border-radius: 50%; background: var(--cream); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; } .reel-stripes { position: absolute; inset: 0; background-size: 18px 18px; } .reel-stripes::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.45) 100%); } .reel-stripes--warm { background-color: #2a1f17; background-image: repeating-linear-gradient(135deg, rgba(240,232,219,0.08) 0 1px, transparent 1px 14px), radial-gradient(60% 50% at 50% 40%, rgba(240, 200, 150, 0.55), transparent 70%), linear-gradient(180deg, #3a2a1d, #120a06); } .reel-stripes--cream { background-color: var(--cream); background-image: repeating-linear-gradient(135deg, rgba(3,3,3,0.06) 0 1px, transparent 1px 16px), radial-gradient(50% 40% at 60% 35%, rgba(0,0,0,0.18), transparent 70%); } .reel-stripes--noir { background-color: #0a0a0a; background-image: repeating-linear-gradient(135deg, rgba(240,232,219,0.06) 0 1px, transparent 1px 12px), radial-gradient(60% 50% at 40% 60%, rgba(240,232,219,0.2), transparent 70%); } .reel-stripes--blue { background-color: var(--void); background-image: repeating-linear-gradient(135deg, rgba(240,232,219,0.08) 0 1px, transparent 1px 16px), radial-gradient(60% 50% at 70% 30%, rgba(240,232,219,0.18), transparent 70%); } .manifest { position: relative; padding: 200px 80px 160px; background: var(--ink); overflow: hidden; } .manifest__head { max-width: 1100px; margin-bottom: 120px; } .manifest__title { margin-top: 28px; font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 6.5vw, 104px); line-height: 0.98; letter-spacing: -0.02em; } .manifest__title em { color: var(--cream); } .manifest__grid { display: flex; flex-direction: column; gap: 140px; } .phones { position: relative; width: 100%; height: 780px; perspective: 1600px; transform-style: preserve-3d; } .phones .phone { position: absolute; --pw: 200px; transition: transform 0.6s var(--ease); overflow: visible; } .phones .phone--p1 { top: 40px; left: 2%; --pw: 200px; z-index: 2; } .phones .phone--p2 { top: 0; left: 19%; --pw: 230px; z-index: 4; } .phones .phone--p3 { top: 80px; left: 37%; --pw: 210px; z-index: 3; } .phones .phone--p4 { top: 30px; left: 55%; --pw: 240px; z-index: 5; } .phones .phone--p5 { top: 110px; left: 73%; --pw: 210px; z-index: 3; } .phones .phone--p6 { top: 60px; left: 89%; --pw: 190px; z-index: 2; } .pillars { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; } .pillars li { padding-left: 56px; position: relative; } .pillars__num { position: absolute; left: 0; top: 4px; font-family: var(--serif); font-style: italic; font-size: 28px; color: var(--cream-dim); } .pillars h3 { font-family: var(--serif); font-weight: 400; font-size: 28px; line-height: 1.1; margin-bottom: 12px; color: var(--cream); } .pillars p { color: var(--cream-dim); font-size: 14px; max-width: 380px; } .reels { position: relative; padding: 160px 0 140px; background: linear-gradient(180deg, var(--ink) 0%, #060914 100%); overflow: hidden; } .reels__head { padding: 0 80px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; margin-bottom: 80px; } .reels__title { font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 5.5vw, 88px); line-height: 0.98; letter-spacing: -0.02em; margin-top: 24px; } .reels__meta { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cream-dim); display: inline-flex; gap: 14px; } .reels__rail { display: flex; gap: 36px; padding: 60px 80px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .reels__rail::-webkit-scrollbar { display: none; } .reel { flex: 0 0 auto; display: flex; flex-direction: column; gap: 22px; scroll-snap-align: start; transform: translateY(0) rotate(0deg); transition: transform 0.5s var(--ease); } .reel:nth-child(odd) { transform: translateY(28px) rotate(-2deg); } .reel:nth-child(even) { transform: translateY(-12px) rotate(1.5deg); } .reel:hover { transform: translateY(-10px) rotate(0deg) scale(1.02); } .reel__phone { --pw: 220px; width: var(--pw); height: calc(var(--pw) * 2.06); background: linear-gradient(155deg, #1a1a1a 0%, #0a0a0a 60%, #050505 100%); border-radius: 36px; padding: 9px; position: relative; box-shadow: 0 50px 100px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(240,232,219,0.08); } .reel__phone .phone__screen { border-radius: 28px; height: 100%; } .reel__phone .phone__notch { top: 14px; width: 60px; height: 16px; } .reel--tall .reel__phone { --pw: 240px; } .reel__meta { display: flex; flex-direction: column; gap: 4px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cream-dim); } .reel__num { color: var(--cream); } .reel__brand { font-family: var(--serif); font-size: 22px; font-style: italic; letter-spacing: 0; text-transform: none; color: var(--cream); margin-top: 2px; } .reels__controls { padding: 0 80px; display: flex; align-items: center; gap: 24px; max-width: 720px; } .rail-btn { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--cream-line); background: transparent; color: var(--cream); font-family: var(--serif); font-size: 22px; cursor: none; transition: background 0.3s var(--ease), border 0.3s var(--ease); } .rail-btn:hover { background: var(--cream); color: var(--ink); border-color: var(--cream); } .rail-progress { flex: 1; height: 1px; background: var(--cream-line); position: relative; } .rail-progress span { position: absolute; left: 0; top: -1px; height: 3px; background: var(--cream); width: 18%; transition: width 0.3s linear; } .wall { position: relative; padding: 180px 0 100px; background: var(--ink); overflow: hidden; } .wall__head { padding: 0 80px; margin-bottom: 80px; max-width: 1000px; } .wall__title { margin-top: 24px; font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 6vw, 96px); line-height: 0.98; letter-spacing: -0.02em; } .wall__perspective { position: relative; height: 680px; perspective: 1600px; perspective-origin: 50% 40%; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%); } .wall__plane { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(28deg) translateZ(0) translateY(-80px); display: flex; flex-direction: column; gap: 40px; padding: 60px 0; will-change: transform; } .wall__row { display: flex; gap: 36px; white-space: nowrap; animation: scrollRow 60s linear infinite; } .wall__row--alt { animation-direction: reverse; animation-duration: 75s; padding-left: 80px; } @keyframes scrollRow { from { transform: translateX(0); } to { transform: translateX(-50%); } } .frame { flex: 0 0 auto; width: 280px; height: 180px; background: var(--void); border-radius: 4px; position: relative; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(240,232,219,0.1); } .frame--a { transform: rotate(-2deg); } .frame--b { transform: rotate(1.5deg) translateY(10px); width: 220px; height: 280px; } .frame--c { transform: rotate(-0.5deg); width: 320px; height: 200px; } .frame--d { transform: rotate(2deg) translateY(-6px); width: 260px; height: 160px; } .frame--e { transform: rotate(-1.5deg); width: 240px; height: 320px; } .frame--f { transform: rotate(0.5deg); width: 300px; height: 200px; } .frame__tag { position: absolute; bottom: 10px; left: 14px; font-family: var(--mono); font-size: 10px; color: var(--cream); letter-spacing: 0.16em; z-index: 2; padding: 4px 8px; background: rgba(3,3,3,0.5); backdrop-filter: blur(6px); border-radius: 2px; } .frame__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .portfolio { position: relative; padding: 180px 80px 140px; background: var(--ink); } .portfolio__head { max-width: 1100px; margin-bottom: 120px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; } .portfolio__title { font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 6vw, 96px); line-height: 0.98; letter-spacing: -0.02em; margin-top: 24px; } .portfolio__legend { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cream-dim); display: flex; gap: 18px; } .cases { display: flex; flex-direction: column; gap: 160px; } .case { display: grid; grid-template-columns: 110px 1.25fr 1fr; gap: 60px; align-items: center; } .case--reverse { grid-template-columns: 1fr 1.25fr 110px; } .case--reverse .case__index { order: 3; text-align: right; } .case--reverse .case__media { order: 2; } .case--reverse .case__body { order: 1; } .case__index { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cream-dim); display: flex; flex-direction: column; gap: 8px; } .case__index span:first-child { color: var(--cream); } .case__media { position: relative; aspect-ratio: 4 / 5; border-radius: 6px; overflow: hidden; background: var(--void); box-shadow: 0 50px 120px rgba(0,0,0,0.6); transform: rotate(-1.5deg); transition: transform 0.6s var(--ease); } .case--reverse .case__media { transform: rotate(1.5deg); } .case__media:hover { transform: rotate(0) scale(1.01); } .case__media .reel-stripes { background-size: 22px 22px; } .case__placeholder { position: absolute; bottom: 16px; left: 20px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cream); opacity: 0.75; z-index: 2; } .case__body { display: flex; flex-direction: column; gap: 20px; } .case__title { font-family: var(--serif); font-weight: 400; font-size: clamp(36px, 4vw, 56px); line-height: 1.05; letter-spacing: -0.01em; color: var(--cream); } .case__body p { color: var(--cream-dim); font-size: 15px; max-width: 460px; line-height: 1.6; } .case__tags { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } .case__tags li { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; padding: 7px 12px; border: 1px solid var(--cream-line); border-radius: 999px; color: var(--cream-dim); } .logo { display: inline-block; flex-shrink: 0; object-fit: contain; filter: brightness(0) invert(1) sepia(0.18) saturate(0.6) brightness(0.97); } .logo--nav { width: 38px; height: 26px; } .logo--seal { width: 50px; height: 34px; } .logo--foot { width: 32px; height: 22px; } .logo--orbit { width: 170px; height: auto; filter: brightness(0) invert(1) sepia(0.18) saturate(0.6) brightness(0.97) drop-shadow(0 0 40px rgba(240, 232, 219, 0.35)); } .logo--mega { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92%; max-width: 1100px; height: auto; opacity: 0.08; pointer-events: none; filter: brightness(0) invert(1); } .hero__seal { position: absolute; top: 130px; right: 80px; z-index: 6; display: flex; align-items: center; gap: 14px; padding: 14px 20px 14px 18px; border: 1px solid var(--cream-line); border-radius: 999px; background: rgba(3, 3, 3, 0.5); backdrop-filter: blur(12px); } .hero__seal-text { font-family: var(--mono); font-size: 9px; line-height: 1.4; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cream-dim); } .foot__mark-row { display: inline-flex; align-items: center; gap: 14px; } .foot__mega-wrap { position: relative; margin-top: 60px; min-height: clamp(80px, 22vw, 380px); } .foot__mega-wrap .foot__mega { position: relative; margin-top: 0; z-index: 2; } @media (max-width: 1100px) { .hero__seal { right: 40px; top: 100px; } } @media (max-width: 720px) { .hero__seal { top: 86px; right: 24px; padding: 10px 14px; gap: 10px; } .hero__seal-text { display: none; } .logo--seal { width: 44px; height: 30px; } .logo--nav { width: 32px; height: 22px; } } .reel-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; background: var(--void); } .poster__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; background: var(--void); } .reel--soon .phone__screen { position: relative; } .reel__soon { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; text-align: center; padding: 28px; background: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.55)); color: var(--ink); } .reel__soon-label { font-family: var(--serif); font-style: italic; font-size: 44px; line-height: 1; color: var(--ink); } .reel__soon-sub { font-family: var(--mono); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(3, 3, 3, 0.6); line-height: 1.6; } .posters { position: relative; padding: 200px 80px 140px; background: var(--ink); overflow: hidden; } .posters__head { max-width: 1100px; margin-bottom: 140px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; } .posters__title { margin-top: 24px; font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 6vw, 96px); line-height: 0.98; letter-spacing: -0.02em; } .posters__legend { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cream-dim); display: flex; flex-direction: column; gap: 6px; text-align: right; } .posters__gallery { position: relative; min-height: 1400px; max-width: 1280px; margin: 0 auto; } .poster { position: absolute; width: var(--w, 320px); display: flex; flex-direction: column; gap: 16px; transform: rotate(var(--r, 0deg)) translateZ(0); transition: transform 0.6s var(--ease), z-index 0s 0.6s; z-index: 1; cursor: none; } .poster:hover { transform: rotate(0deg) scale(1.03) translateY(-6px); z-index: 10; transition: transform 0.6s var(--ease), z-index 0s; } .poster__sheet { position: relative; width: 100%; aspect-ratio: 4 / 5; border-radius: 4px; overflow: hidden; background: var(--void); box-shadow: 0 60px 100px rgba(0, 0, 0, 0.6), 0 20px 30px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(240, 232, 219, 0.08); } .poster__sheet .reel-stripes { background-size: 26px 26px; } .poster__overlay { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; gap: 12px; background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.45) 100%); color: var(--cream); } .poster__overlay--ink { color: var(--ink); background: linear-gradient(180deg, transparent 50%, rgba(240, 232, 219, 0.55) 100%); } .poster__brand { font-family: var(--serif); font-style: italic; font-size: clamp(28px, 2.8vw, 40px); line-height: 1; letter-spacing: -0.01em; } .poster__line { width: 36px; height: 1px; background: var(--cream); } .poster__line--ink { background: var(--ink); } .poster__sub { font-family: var(--mono); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; } .poster__caption { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cream-dim); padding: 0 4px; } .poster__num { color: var(--cream); } .poster--1 { --w: 320px; --r: -4deg; top: 0; left: 2%; } .poster--2 { --w: 260px; --r: 5deg; top: 120px; left: 36%; } .poster--3 { --w: 300px; --r: -2deg; top: 60px; right: 4%; } .poster--4 { --w: 280px; --r: 6deg; top: 720px; left: 0; } .poster--5 { --w: 320px; --r: -5deg; top: 820px; left: 34%; } .poster--6 { --w: 260px; --r: 3deg; top: 760px; right: 6%; } .poster--1 { animation: drift 16s ease-in-out infinite; } .poster--2 { animation: drift 18s ease-in-out -3s infinite; } .poster--3 { animation: drift 20s ease-in-out -6s infinite; } .poster--4 { animation: drift 17s ease-in-out -9s infinite; } .poster--5 { animation: drift 19s ease-in-out -12s infinite; } .poster--6 { animation: drift 21s ease-in-out -15s infinite; } @keyframes drift { 0%, 100% { transform: rotate(var(--r)) translateY(0); } 50% { transform: rotate(calc(var(--r) - 1deg)) translateY(-14px); } } .poster:hover { animation-play-state: paused; } .industries { margin-top: 80px; padding-top: 40px; border-top: 1px solid var(--cream-line); display: flex; flex-direction: column; gap: 24px; align-items: center; text-align: center; } .industries__label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-dim); } .industries__row { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 24px; font-family: var(--serif); font-style: italic; font-size: clamp(28px, 3.5vw, 48px); color: var(--cream); line-height: 1.1; } .industries__dot { color: var(--cream-dim); font-style: normal; } @media (max-width: 1100px) { .posters { padding: 140px 40px 100px; } .posters__head { grid-template-columns: 1fr; } .posters__legend { text-align: left; } .posters__gallery { min-height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px 24px; } .poster { position: relative; width: 100%; top: auto; left: auto; right: auto; } .poster--1, .poster--3, .poster--5 { --r: -2deg; } .poster--2, .poster--4, .poster--6 { --r: 2deg; } } @media (max-width: 720px) { .posters { padding: 100px 24px 80px; } .posters__gallery { grid-template-columns: 1fr; } } .orbit { position: relative; padding: 200px 80px 180px; background: linear-gradient(180deg, var(--ink) 0%, #060914 50%, var(--ink) 100%); overflow: hidden; } .orbit__head { max-width: 800px; margin: 0 auto 80px; text-align: center; } .orbit__head .section-no { justify-content: center; } .orbit__title { font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 6vw, 96px); line-height: 0.98; letter-spacing: -0.02em; margin-top: 24px; } .orbit__stage { position: relative; width: min(820px, 90vw); height: min(820px, 90vw); margin: 0 auto; } .orbit__center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; display: flex; flex-direction: column; align-items: center; gap: 6px; } .orbit__center-eyebrow { font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; color: var(--cream-dim); } .orbit__center-mark { font-family: var(--serif); font-style: italic; font-size: 96px; line-height: 1; color: var(--cream); } .orbit__center-dot { color: var(--cream-dim); font-size: 60px; vertical-align: middle; } .orbit__center-foot { font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; color: var(--cream-dim); } .orbit__ring { position: absolute; top: 50%; left: 50%; border-radius: 50%; border: 1px solid var(--cream-line); transform: translate(-50%, -50%); } .orbit__ring--outer { width: 100%; height: 100%; } .orbit__ring--inner { width: 55%; height: 55%; border-color: var(--cream-faint); border-style: dashed; } .orbit__node, .orbit__satellite { position: absolute; top: 50%; left: 50%; } .orbit__node { --r: calc(min(820px, 90vw) / 2); transform: rotate(var(--a)) translate(0, calc(-1 * var(--r))) rotate(calc(-1 * var(--a))); display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; white-space: nowrap; margin: -28px 0 0 -90px; width: 180px; } .orbit__node-num { font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; color: var(--cream-dim); } .orbit__node-name { font-family: var(--serif); font-size: 22px; font-style: italic; color: var(--cream); padding: 8px 16px; border: 1px solid var(--cream-line); border-radius: 999px; background: rgba(3,3,3,0.6); backdrop-filter: blur(8px); } .orbit__satellite { --r: calc(min(820px, 90vw) * 0.275); transform: rotate(var(--a)) translate(0, calc(-1 * var(--r))) rotate(calc(-1 * var(--a))); font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-dim); margin: -6px 0 0 -20px; padding: 6px 10px; background: rgba(3,3,3,0.7); border: 1px solid var(--cream-faint); border-radius: 999px; } .orbit__halo { position: absolute; top: 50%; left: 50%; width: 60%; height: 60%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgba(240,232,219,0.07) 0%, transparent 70%); pointer-events: none; filter: blur(20px); animation: haloPulse 8s ease-in-out infinite; } @keyframes haloPulse { 0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.55; transform: translate(-50%, -50%) scale(1.08); } } .orbit__legend { max-width: 540px; margin: 80px auto 0; text-align: center; } .orbit__legend p { color: var(--cream-dim); font-size: 14px; line-height: 1.6; } .cta { position: relative; padding: 220px 80px; overflow: hidden; isolation: isolate; background: var(--ink); } .cta__sky { position: absolute; inset: 0; background: radial-gradient(60% 50% at 50% 80%, rgba(26,30,57,0.9), transparent 70%), radial-gradient(80% 60% at 50% 20%, rgba(240,232,219,0.06), transparent 70%); } .cta__horizon { position: absolute; left: -10%; right: -10%; top: 65%; height: 1px; background: linear-gradient(90deg, transparent, var(--cream-line) 30%, var(--cream-line) 70%, transparent); } .cta__beam { position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: 4px; height: 60%; background: linear-gradient(180deg, transparent, var(--cream), transparent); filter: blur(8px); opacity: 0.35; } .cta__inner { position: relative; z-index: 2; text-align: center; max-width: 1100px; margin: 0 auto; } .cta__eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-dim); } .cta__title { margin-top: 32px; font-family: var(--serif); font-weight: 400; font-size: clamp(56px, 8vw, 144px); line-height: 0.95; letter-spacing: -0.02em; } .cta__title span { display: block; } .cta__title span:nth-child(2) { padding-left: 8vw; } .cta__title span:nth-child(3) { padding-left: 2vw; color: var(--cream-dim); } .cta__button { display: inline-flex; align-items: center; gap: 18px; margin-top: 60px; padding: 22px 36px 22px 40px; border-radius: 999px; background: var(--cream); color: var(--ink); font-family: var(--serif); font-style: italic; font-size: 28px; position: relative; overflow: hidden; transition: transform 0.4s var(--ease), background 0.4s var(--ease); } .cta__button-arrow { font-family: var(--sans); font-style: normal; font-size: 22px; transition: transform 0.4s var(--ease); } .cta__button:hover { transform: scale(1.04); } .cta__button:hover .cta__button-arrow { transform: translate(4px, -4px); } .cta__meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 120px; border-top: 1px solid var(--cream-line); padding-top: 32px; text-align: left; } .cta__meta > div { display: flex; flex-direction: column; gap: 6px; } .cta__meta-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-dim); } .cta__meta-value { font-family: var(--serif); font-style: italic; font-size: 22px; color: var(--cream); } .foot { position: relative; padding: 80px 80px 40px; background: var(--ink); border-top: 1px solid var(--cream-line); overflow: hidden; } .foot__top { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; padding-bottom: 60px; border-bottom: 1px solid var(--cream-line); } .foot__brand { display: flex; flex-direction: column; gap: 16px; } .foot__mark { font-family: var(--sans); font-weight: 400; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; } .foot__tag { font-family: var(--serif); font-style: italic; font-size: 22px; max-width: 320px; color: var(--cream); } .foot__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .foot__cols h4 { font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-dim); font-weight: 400; margin-bottom: 16px; } .foot__cols a { display: block; font-family: var(--serif); font-size: 18px; font-style: italic; color: var(--cream); padding: 4px 0; transition: opacity 0.3s var(--ease); } .foot__cols a:hover { opacity: 0.6; } .foot__bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 24px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cream-dim); gap: 20px; flex-wrap: wrap; } .foot__mega { margin-top: 60px; font-family: var(--serif); font-style: italic; font-size: clamp(80px, 22vw, 380px); line-height: 0.85; letter-spacing: -0.04em; color: transparent; -webkit-text-stroke: 1px var(--cream-line); text-align: center; user-select: none; pointer-events: none; } .intro { position: fixed; inset: 0; z-index: 11000; background: var(--ink); display: grid; grid-template-rows: auto 1fr auto; padding: 28px 32px; overflow: hidden; pointer-events: all; } .intro.intro--done { pointer-events: none; } .intro__grain { position: absolute; inset: 0; pointer-events: none; opacity: 0.08; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,"); } .intro__top { display: flex; justify-content: space-between; align-items: center; font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cream-dim); opacity: 0; animation: introFade 0.9s var(--ease) 0.2s forwards; } .intro__top-l { font-family: var(--sans); font-size: 13px; letter-spacing: 0.06em; color: var(--cream); } .intro__top-l .amp { font-family: var(--serif); font-style: italic; color: var(--cream-dim); } .intro__center { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 36px; } .intro__logo { width: 220px; height: auto; filter: brightness(0) invert(1) sepia(0.18) saturate(0.6) brightness(0.97); opacity: 0; transform: scale(0.9); animation: introLogo 1.4s var(--ease) 0.5s forwards; } .intro__wordmark { display: flex; flex-direction: column; align-items: center; gap: 4px; font-family: var(--serif); font-size: clamp(28px, 4vw, 56px); line-height: 1; letter-spacing: -0.01em; color: var(--cream); overflow: hidden; } .intro__wordmark .intro__line { display: block; transform: translateY(110%); opacity: 0; animation: introLine 1s var(--ease) forwards; } .intro__wordmark .intro__line:nth-child(1) { animation-delay: 0.9s; } .intro__wordmark .intro__line:nth-child(2) { animation-delay: 1.05s; color: var(--cream); } .intro__wordmark .intro__line:nth-child(2) em { color: var(--cream); } .intro__wordmark .intro__line:nth-child(3) { animation-delay: 1.2s; color: var(--cream-dim); } .intro__wordmark .intro__line--en { font-family: var(--mono); font-style: normal; font-size: clamp(11px, 1vw, 14px); letter-spacing: 0.32em; text-transform: uppercase; margin-top: 10px; } .intro__bottom { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 32px; opacity: 0; animation: introFade 0.9s var(--ease) 0.4s forwards; } .intro__counter { font-family: var(--serif); font-style: italic; font-size: clamp(48px, 7vw, 96px); line-height: 0.9; color: var(--cream); display: inline-flex; align-items: baseline; gap: 6px; } .intro__count { min-width: 1.6ch; } .intro__pct { font-family: var(--mono); font-style: normal; font-size: clamp(14px, 1.4vw, 20px); letter-spacing: 0.1em; color: var(--cream-dim); } .intro__bar { height: 1px; background: var(--cream-faint); position: relative; overflow: hidden; } .intro__bar-fill { position: absolute; top: -1px; left: 0; height: 3px; background: var(--cream); width: 0%; } .intro__loading { font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--cream-dim); display: inline-flex; align-items: center; gap: 4px; } .intro__loading .dot { font-size: 18px; line-height: 0; color: var(--cream); opacity: 0; animation: introDot 1.6s ease-in-out infinite; padding: 0 1px; } .intro__loading .dot-2 { animation-delay: 0.2s; } .intro__loading .dot-3 { animation-delay: 0.4s; } .intro__loading span:last-child { margin-left: 8px; } .intro__curtain { position: absolute; inset: 0; background: var(--cream); transform: translateY(100%); z-index: 5; pointer-events: none; } .intro--exit .intro__curtain { animation: introCurtain 1.5s cubic-bezier(0.76, 0, 0.24, 1) forwards; } .intro--exit .intro__center, .intro--exit .intro__top, .intro--exit .intro__bottom { animation: introOut 0.5s var(--ease) forwards; } .intro--gone { display: none; } @keyframes introLogo { to { opacity: 1; transform: scale(1); } } @keyframes introLine { to { transform: translateY(0); opacity: 1; } } @keyframes introFade { to { opacity: 1; } } @keyframes introDot { 0%, 80%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes introCurtain { 0% { transform: translateY(100%); } 45% { transform: translateY(0); } 55% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes introOut { to { opacity: 0; transform: translateY(-12px); } } .hero__title .line, .hero__eyebrow, .hero__caption, .hero__phone, .hero__seal, .hero .float { opacity: 0; transform: translateY(40px); transition: opacity 1.2s var(--ease), transform 1.2s var(--ease); } .hero__title .line { transition-duration: 1.4s; } body.hero-revealed .hero__eyebrow { opacity: 1; transform: none; transition-delay: 0.05s; } body.hero-revealed .hero__title .line--1 { opacity: 1; transform: none; transition-delay: 0.15s; } body.hero-revealed .hero__title .line--2 { opacity: 1; transform: none; transition-delay: 0.3s; } body.hero-revealed .hero__title .line--3 { opacity: 1; transform: none; transition-delay: 0.45s; } body.hero-revealed .hero__caption { opacity: 1; transform: none; transition-delay: 0.55s; } body.hero-revealed .hero__phone { opacity: 1; transform: none; transition-delay: 0.4s; } body.hero-revealed .hero__seal { opacity: 1; transform: none; transition-delay: 0.3s; } body.hero-revealed .hero .float { opacity: 1; transform: none; transition-delay: 0.2s; } @media (max-width: 720px) { .intro__logo { width: 140px; } .intro__wordmark { font-size: 32px; } .intro__bottom { grid-template-columns: 1fr; gap: 16px; } .intro__loading { display: none; } } @media (max-width: 1100px) { .hero__type { padding: 160px 40px 0; } .hero__caption { right: 40px; bottom: 180px; max-width: 280px; } .hero__phone { display: none; } .manifest, .reels__head, .wall__head, .portfolio, .orbit, .cta, .foot { padding-left: 40px; padding-right: 40px; } .reels__rail { padding-left: 40px; padding-right: 40px; } .reels__controls { padding-left: 40px; padding-right: 40px; } .manifest__grid { grid-template-columns: 1fr; gap: 60px; } .phones { height: 1100px; } .phones .phone { position: relative !important; top: 0 !important; left: 0 !important; } .phones { display: grid !important; grid-template-columns: 1fr 1fr; gap: 30px; height: auto !important; place-items: center; } .phones .phone--p1, .phones .phone--p2, .phones .phone--p3, .phones .phone--p4, .phones .phone--p5, .phones .phone--p6 { --pw: 200px; } .pillars { grid-template-columns: 1fr; gap: 40px; } .portfolio__head, .reels__head { grid-template-columns: 1fr; } .case, .case--reverse { grid-template-columns: 80px 1fr; gap: 32px; } .case--reverse .case__index { order: 1; text-align: left; } .case--reverse .case__media { order: 2; } .case--reverse .case__body { order: 3; } .case__body { grid-column: 1 / -1; } .foot__top { grid-template-columns: 1fr; } } @media (max-width: 720px) { body { cursor: auto; } .cursor { display: none; } .nav { grid-template-columns: 1fr auto; } .nav__meta { display: none; } .nav__menu { padding: 8px 14px; gap: 16px; font-size: 11px; } .hero__type { padding: 140px 24px 0; } .hero__title .line--2 { padding-left: 24px; } .hero__caption { position: static; padding: 40px 24px 0; max-width: none; } .float--torus, .float--ring { display: none; } .manifest, .reels__head, .reels__controls, .wall__head, .portfolio, .orbit, .cta, .foot { padding-left: 24px; padding-right: 24px; } .reels__rail { padding-left: 24px; padding-right: 24px; gap: 20px; } .foot__cols { grid-template-columns: 1fr 1fr; } .cta__meta { grid-template-columns: 1fr; } }@font-face{font-family:qlwapp-whatsapp;src:url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff");font-weight:normal;font-style:normal}.qlwapp__icon{all:unset;font-family:qlwapp-whatsapp,serif,sans-serif !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qlwapp__icon::before{content:""}.qlwapp__previous,.qlwapp__close{font-family:"Source Serif Pro",serif,sans-serif;font-style:unset;font-size:24px;font-weight:bold;cursor:pointer;text-align:center;line-height:1em;z-index:1;fill:var(--qlwapp-scheme-text, #fff);display:flex}.qlwapp__button{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:12px;text-decoration:none;white-space:nowrap;pointer-events:all;margin:24px auto;height:40px;box-shadow:0 1px 6px 0 rgba(0,0,0,.06),0 2px 32px 0 rgba(0,0,0,.16);cursor:pointer}.qlwapp__button,.qlwapp__button:active,.qlwapp__button:focus,.qlwapp__button:hover{outline:none !important;text-decoration:none !important;color:var(--qlwapp-scheme-text, #fff) !important;background-color:var(--qlwapp-scheme-brand, #25d366) !important}.qlwapp__button .qlwapp__label,.qlwapp__button .qlwapp__time{position:absolute;bottom:-2em;color:initial;font-size:10px;display:inline-block;top:auto;width:120px}.qlwapp__button .qlwapp__close{font-size:var(--qlwapp-scheme-icon-font-size, 30px)}.qlwapp__button .qlwapp__icon{display:flex;align-items:baseline;font-size:var(--qlwapp-scheme-icon-font-size, 30px)}.qlwapp__button img.qlwapp__icon{width:var(--qlwapp-scheme-icon-font-size, 60px);height:var(--qlwapp-scheme-icon-font-size, 60px);object-fit:contain}.qlwapp__button--button{padding:var(--qlwapp-padding-xs) var(--qlwapp-padding-md)}.qlwapp__button--image{width:auto;height:auto}.qlwapp__button--bubble{right:auto;width:var(--qlwapp-scheme-icon-size, 60px);height:var(--qlwapp-scheme-icon-size, 60px)}.qlwapp__button--bubble .qlwapp__icon{margin:0}.qlwapp__button--bubble .qlwapp__text{position:absolute;right:var(--qlwapp-scheme-icon-size, 60px);height:var(--qlwapp-scheme-icon-size, 60px);margin:0 24px;display:flex;align-items:center;justify-content:flex-end;font-weight:bold;white-space:pre;color:var(--qlwapp-scheme-text, #303030)}.qlwapp__button--disabled{pointer-events:none;opacity:.5}.qlwapp__notification-bubble{position:absolute;top:-4px;right:-4px;background-color:#dc3545;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;line-height:1;z-index:10;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);animation-duration:1.5s;animation-timing-function:ease-in;animation-iteration-count:1;--qlwapp-pulse-color: rgb(220 53 69 / 70%);--qlwapp-pulse-size: 4px}.qlwapp__notification-bubble--bounce{animation-name:bounce}.qlwapp__notification-bubble--flash{animation-name:flash}.qlwapp__notification-bubble--pulse{animation-name:pulse}.qlwapp__notification-bubble--shakeX{animation-name:shakeX}.qlwapp__notification-bubble--shakeY{animation-name:shakeY}.qlwapp__notification-bubble--none{animation:none}.qlwapp__avatar{position:relative;width:62px;height:62px}.qlwapp__avatar .qlwapp__avatar__container{overflow:hidden;width:inherit;height:inherit;border-radius:50%;box-shadow:0 0 0 2px #eee;display:flex;align-items:center;justify-content:center}.qlwapp__avatar .qlwapp__avatar__container--icon{background-color:var(--qlwapp-scheme-brand, #25d366);color:var(--qlwapp-scheme-text, #fff);font-weight:bold;font-size:30px}.qlwapp__avatar .qlwapp__avatar__container::after{content:"";display:block;width:15px;height:15px;position:absolute;top:3px;right:-2px;background-image:url(data:image/png;base64,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);background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:4}.qlwapp__avatar .qlwapp__avatar__container svg{width:50%}.qlwapp__avatar .qlwapp__avatar__container img{width:100%;height:auto}.qlwapp__contact-list{height:100%;overflow:auto}.qlwapp__contact{display:flex;align-items:center;gap:var(--qlwapp-padding-sm);padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);color:inherit;position:relative;cursor:pointer;width:100%;text-decoration:none;height:auto}.qlwapp__contact:only-child{height:100%;text-align:center;flex-direction:column;justify-content:center}.qlwapp__contact:not(:first-child){border-top:1px solid rgba(0,0,0,.1)}.qlwapp__contact:nth-child(1):nth-last-child(2),.qlwapp__contact:nth-child(2):nth-last-child(1){height:50%}.qlwapp__contact--disabled{pointer-events:none;opacity:.5}.qlwapp__status{display:flex;align-items:center;gap:3px}.qlwapp__status__indicator{width:10px;height:10px;border-radius:50%;border:1px solid #fff}.qlwapp__status__indicator--online{background-color:#00d084}.qlwapp__status__indicator--offline{background-color:#e63946}.qlwapp__status__text{font-size:10px;color:#666}.qlwapp__contact-list__empty{display:flex;height:134px;justify-content:center;align-items:center}.qlwapp__container{pointer-events:none;box-sizing:border-box;font-size:var(--qlwapp-scheme-font-size, inherit);font-family:var(--qlwapp-scheme-font-family, inherit);display:flex;flex-direction:column;width:430px}.qlwapp__container *{box-sizing:border-box}.qlwapp__container.qlwapp-hide,.qlwapp__container .qlwapp__contact.qlwapp-hide{display:none}.qlwapp__container.mobile .qlwapp__contact.qlwapp-desktop,.qlwapp__container.mobile.qlwapp-desktop{display:none}.qlwapp__container.desktop .qlwapp__contact.qlwapp-mobile,.qlwapp__container.desktop.qlwapp-mobile{display:none}.qlwapp__container.qlwapp__container--middle-left,.qlwapp__container.qlwapp__container--bottom-left,.qlwapp__container.qlwapp__container--middle-right,.qlwapp__container.qlwapp__container--bottom-right{position:fixed;z-index:9999999}.qlwapp__container.qlwapp__container--middle-left,.qlwapp__container.qlwapp__container--bottom-left{right:auto;left:0}.qlwapp__container.qlwapp__container--middle-left .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--middle-left .qlwapp__button .qlwapp__time,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button .qlwapp__time{left:0;right:auto}.qlwapp__container.qlwapp__container--middle-left .qlwapp__button,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button{margin-left:20px}.qlwapp__container.qlwapp__container--middle-left .qlwapp__button--bubble .qlwapp__text,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__button--bubble .qlwapp__text{right:auto;left:var(--qlwapp-scheme-icon-size, 60px)}.qlwapp__container.qlwapp__container--middle-left .qlwapp__modal::before,.qlwapp__container.qlwapp__container--bottom-left .qlwapp__modal::before{right:auto;left:20px}.qlwapp__container.qlwapp__container--middle-right,.qlwapp__container.qlwapp__container--bottom-right{left:auto;right:0}.qlwapp__container.qlwapp__container--middle-right .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--middle-right .qlwapp__button .qlwapp__time,.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button .qlwapp__label,.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button .qlwapp__time{left:auto;right:0}.qlwapp__container.qlwapp__container--middle-right .qlwapp__button,.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button{margin-right:20px}.qlwapp__container.qlwapp__container--middle-left,.qlwapp__container.qlwapp__container--middle-right{transition:top .3s ease;top:auto;bottom:0}.qlwapp__container.qlwapp__container--middle-left:not(.qlwapp__container--closing,.qlwapp__container--opening,.qlwapp__container--open),.qlwapp__container.qlwapp__container--middle-right:not(.qlwapp__container--closing,.qlwapp__container--opening,.qlwapp__container--open){top:40%;bottom:auto}.qlwapp__container.qlwapp__container--bottom-left,.qlwapp__container.qlwapp__container--bottom-right{top:auto;bottom:0}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--bubble img.qlwapp__icon{border-radius:200px;overflow:hidden}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--bubble{border-radius:200px}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--button{border-radius:50px}.qlwapp__container.qlwapp__container--rounded .qlwapp__button--button img.qlwapp__icon{border-radius:200px;max-height:28px;width:auto}.qlwapp__container.qlwapp__container--rounded .qlwapp__modal{border-radius:8px}.qlwapp__container.qlwapp__container--rounded .qlwapp__modal .qlwapp__message{border-radius:4px}.qlwapp__container.qlwapp__container--rounded .qlwapp__modal .qlwapp__message::before{background-color:inherit}.qlwapp__container p:last-child{margin:0}.qlwapp__container time{opacity:.8;font-style:italic;font-size:10px}.qlwapp-is-mobile{width:auto}.qlwapp-is-mobile.qlwapp__container--rounded .qlwapp__modal{border-radius:0}.qlwapp{font-weight:normal;font-size:12px;font-family:Inter,sans-serif}.qlwapp--woocommerce .qlwapp__container{display:block;width:auto}.qlwapp--woocommerce .qlwapp__container .qlwapp__button--button.qlwapp__button,.qlwapp--woocommerce .qlwapp__container .qlwapp__button--bubble.qlwapp__button{margin:0}.qlwapp--woocommerce .qlwapp__container .qlwapp__button--button.qlwapp__button{width:100%}.qlwapp--shortcode .qlwapp__container{width:auto}@keyframes pulse{0%{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.5, 1.5, 1.5)}100%{transform:scale3d(1, 1, 1)}}.qlwapp__footer,.qlwapp__response{position:relative;bottom:0;left:0;right:0;height:auto;width:100%;overflow:hidden}.qlwapp__footer pre,.qlwapp__footer textarea,.qlwapp__response pre,.qlwapp__response textarea{max-height:160px;color:inherit;background-color:inherit}.qlwapp__footer::before,.qlwapp__response::before{pointer-events:none;position:absolute;content:"";height:100%;background:linear-gradient(315deg, transparent 0%, rgba(0, 0, 0, 0.025) 100%);top:0;left:0;right:0}.qlwapp__footer::after,.qlwapp__response::after{content:" ";height:1px;background-color:rgba(0,0,0,.075);position:absolute;top:0;left:0;right:0}.qlwapp__footer{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;min-height:56px;width:100%;font-size:12px;padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg)}.qlwapp__footer>*{width:100%;white-space:pre-wrap}.qlwapp__footer img{max-width:100px}.qlwapp__footer *{color:var(--qlwapp-scheme-text, #303030)}.qlwapp__footer p{padding:0;font-size:inherit;width:100%;white-space:pre-wrap}.qlwapp__footer p:last-child{margin-bottom:0}.qlwapp__footer h1,.qlwapp__footer h2,.qlwapp__footer h3,.qlwapp__footer h4,.qlwapp__footer h5,.qlwapp__footer h6{display:block;font-weight:600;margin:0;padding:0;white-space:pre-wrap;color:inherit;font-family:inherit}.qlwapp__footer h1{font-size:2.5em}.qlwapp__footer h2{font-size:2em}.qlwapp__footer h3{font-size:1.5em}.qlwapp__footer h4{font-size:1.25em}.qlwapp__footer h5{font-size:1em}.qlwapp__footer h6{font-size:.75em}.qlwapp__response,.qlwapp__response pre,.qlwapp__response textarea,.qlwapp__response .qlwapp__response__buttons{min-height:56px}.qlwapp__response pre,.qlwapp__response textarea{width:100%;height:100%;resize:none;border:none;padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);padding-right:calc(var(--qlwapp-padding-sm) + var(--qlwapp-button-width, 32px));font-family:var(--qlwapp-scheme-font-size, inherit);font-size:1em !important;font-weight:normal;line-height:20px;white-space:pre-wrap;word-wrap:break-word;border-radius:inherit;margin:0}.qlwapp__response pre{visibility:hidden}.qlwapp__response textarea{position:absolute;bottom:0;left:0}.qlwapp__response textarea:focus{outline:none}.qlwapp__response textarea::placeholder{opacity:.5;color:inherit}.qlwapp__response .qlwapp__response__buttons{position:absolute;top:0;right:21px;display:flex;align-items:center}.qlwapp__response .qlwapp__response__buttons svg{width:18px}.qlwapp__response .qlwapp__response__buttons>i{opacity:.4}.qlwapp__response .qlwapp__response__buttons>i,.qlwapp__response .qlwapp__response__buttons>a{cursor:pointer;margin:0 0 0 10px;display:flex;font-size:18px;align-items:center;text-decoration:none}.qlwapp__response .qlwapp__response__buttons .qlwapp__reply--button-label{margin-right:5px}.qlwapp__response .qlwapp__response__buttons .qlwapp__reply--disabled{pointer-events:none;opacity:.5}.qlwapp__response .qlwapp__response__buttons.active>i{display:none}.qlwapp__response .qlwapp__response__buttons.active>i.qlwf-emoji{display:block}.qlwapp__response--end-conversation pre{opacity:.5;visibility:visible;text-align:center}.qlwapp__response input[type=date]{width:100%;height:100%;border:none;padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);padding-right:calc(var(--qlwapp-padding-sm) + var(--qlwapp-button-width, 32px));font-family:var(--qlwapp-scheme-font-size, inherit);font-size:1em !important;font-weight:normal;line-height:20px;border-radius:inherit;margin:0;background-color:rgba(0,0,0,0);color:inherit;display:flex;align-items:center}.qlwapp__response input[type=date]:focus{outline:none}.qlwapp__response input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity .2s}.qlwapp__response input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.qlwapp__consent{padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);border-top:1px solid rgba(0,0,0,.075);background-color:rgba(0,0,0,.025)}.qlwapp__consent .qlwapp__consent-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;line-height:1.4;color:var(--qlwapp-scheme-text, #303030);margin:0}.qlwapp__consent .qlwapp__consent-checkbox{margin:0;margin-top:2px;flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__consent .qlwapp__consent-text{flex:1;user-select:none}.qlwapp__general-consent{text-align:start;font-size:12px;padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);border-top:1px solid rgba(0,0,0,.075);background-color:rgba(0,0,0,.025);animation:fadeIn .3s ease-in-out}.qlwapp__general-consent--required{background-color:rgba(255,235,200,.4);border-top:1px solid rgba(255,152,0,.2)}.qlwapp__general-consent .qlwapp__general-consent-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:13px;line-height:1.4;color:var(--qlwapp-scheme-text, #303030);margin:0}.qlwapp__general-consent .qlwapp__general-consent-checkbox{margin:0;margin-top:2px;flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__general-consent .qlwapp__general-consent-text{flex:1;user-select:none}.qlwapp__general-consent .qlwapp__general-consent-text br{display:block;content:"";margin-top:.5em}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qlwapp__general-consent--accepted{animation:fadeOut 1s ease-in-out forwards}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.qlwapp__header{background-color:var(--qlwapp-scheme-brand, #25d366);color:var(--qlwapp-scheme-text, #fff);position:relative;overflow:hidden;height:auto}.qlwapp__header::before{content:"";position:absolute;inset:0;background:linear-gradient(315deg, transparent 0%, rgba(0, 0, 0, 0.05) 100%)}.qlwapp__header .qlwapp__close{position:absolute;top:12px;right:12px}@media(width >= 430px){.qlwapp__header .qlwapp__close{position:absolute;top:7px;right:7px;font-size:18px}}.qlwapp__header .qlwapp__header-description{align-items:center;font-size:12px}.qlwapp__header .qlwapp__header-description p{padding:0;font-size:inherit;width:100%;color:inherit;font-family:inherit;margin:0}.qlwapp__header .qlwapp__header-description p:last-child{margin-bottom:0}.qlwapp__header .qlwapp__header-description h1,.qlwapp__header .qlwapp__header-description h2,.qlwapp__header .qlwapp__header-description h3,.qlwapp__header .qlwapp__header-description h4,.qlwapp__header .qlwapp__header-description h5,.qlwapp__header .qlwapp__header-description h6{display:block;font-weight:600;margin:0;padding:0;white-space:pre-wrap;color:inherit;font-family:inherit}.qlwapp__header .qlwapp__header-description h1{font-size:2.5em}.qlwapp__header .qlwapp__header-description h2{font-size:2em}.qlwapp__header .qlwapp__header-description h3{font-size:1.5em}.qlwapp__header .qlwapp__header-description h4{font-size:1.25em}.qlwapp__header .qlwapp__header-description h5{font-size:1em}.qlwapp__header .qlwapp__header-description h6{font-size:.75em}.qlwapp__header .qlwapp__header-description img{max-width:100px}.qlwapp__header .qlwapp__header-description *{color:var(--qlwapp-scheme-text, #fff) !important}.qlwapp__header .qlwapp__header-description,.qlwapp__header .qlwapp__header-contact{padding:calc(var(--qlwapp-padding-xs) + 2px) var(--qlwapp-padding-lg);min-height:100%}.qlwapp__header .qlwapp__header-contact{display:flex;justify-content:flex-end;align-items:center;gap:var(--qlwapp-padding-sm)}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons{display:flex;margin-right:auto;align-items:center;flex-shrink:0}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons .qlwapp__previous{width:100%;height:100%}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons .qlwapp__previous--disabled{opacity:.5;pointer-events:none !important}.qlwapp__header .qlwapp__header-contact .qlwapp__header-contact-buttons .qlwapp__reset{margin-left:15px;color:var(--qlwapp-scheme-text, #fff) !important}.qlwapp__header .qlwapp__header-contact .qlwapp__info{text-align:end;color:var(--qlwapp-scheme-text, #fff) !important;overflow:hidden;min-width:0}.qlwapp__header .qlwapp__header-contact .qlwapp__info .qlwapp__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlwapp__header .qlwapp__header-contact .qlwapp__info .qlwapp__time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlwapp__header .qlwapp__header-contact .qlwapp__avatar{width:42px;height:42px;flex-shrink:0}.qlwapp__message-list{display:flex;align-items:center;flex-direction:column;gap:var(--qlwapp-padding-sm);padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-lg);overflow:auto;height:100%}.qlwapp__message{padding:var(--qlwapp-padding-sm) var(--qlwapp-padding-md);position:relative;align-self:flex-start;word-wrap:break-word;max-width:calc(100% - var(--qlwapp-padding-sm)*2);background-color:#eee}.qlwapp__message::before{content:"";position:absolute;top:0;width:20px;height:20px;right:auto;left:0;transform:matrix(1, 0, 1, 1, -2, 0)}.qlwapp__message--image{width:100%;height:100%}.qlwapp__message--video,.qlwapp__message--audio,.qlwapp__message--embed{position:relative;max-width:100%}.qlwapp__message--video video,.qlwapp__message--video audio,.qlwapp__message--audio video,.qlwapp__message--audio audio,.qlwapp__message--embed video,.qlwapp__message--embed audio{display:block;max-width:100%;border-radius:inherit}.qlwapp__message--video video,.qlwapp__message--audio video,.qlwapp__message--embed video{max-height:300px;object-fit:contain}.qlwapp__message--video audio,.qlwapp__message--audio audio,.qlwapp__message--embed audio{height:40px}.qlwapp__message--video iframe,.qlwapp__message--audio iframe,.qlwapp__message--embed iframe{display:block;width:100%;height:157px;border:none;border-radius:inherit}.qlwapp__message--user{place-self:end flex-end;margin-top:0;word-break:var(--qlwapp-scheme-box-message-word-break);color:var(--qlwapp-scheme-text, #fff) !important;background-color:var(--qlwapp-scheme-brand, #25d366) !important}.qlwapp__message--user::before{right:0;left:auto;transform:matrix(1, 0, 1, -1, 2, 0)}.qlwapp__message--user a{color:var(--qlwapp-scheme-text, #fff) !important;text-decoration:underline}.qlwapp__message--user:first-child::before{top:-6px;right:10%;transform:rotate(45deg)}.qlwapp__message--user,.qlwapp__message--choice-input{width:auto;color:var(--qlwapp-scheme-text, #fff) !important;background-color:var(--qlwapp-scheme-brand, #25d366) !important}.qlwapp__message--choice-input{place-self:end flex-end;cursor:pointer;transition:all .2s ease}.qlwapp__message--choice-input::before{content:none}.qlwapp__message--choice-input:hover{box-shadow:0 2px 8px rgba(0,0,0,.3)}.qlwapp__message--error{background-color:#ffbfbf !important;color:#750000 !important}.qlwapp__message--error::before{background-color:#ffbfbf !important}.qlwapp__rating-form{display:flex;flex-direction:column;gap:var(--qlwapp-padding-sm);width:100%;padding:0 var(--qlwapp-padding-sm)}.qlwapp__rating-label{font-size:.875rem;color:#666}.qlwapp__rating-label--left{text-align:start;width:100%}.qlwapp__rating-label--right{text-align:end;width:100%;padding-right:var(--qlwapp-padding-sm)}.qlwapp__rating-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:var(--qlwapp-padding-sm) 0;width:100%}.qlwapp__rating-number{width:calc((100% - 16px)/5);aspect-ratio:1;max-width:50px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.9rem;cursor:pointer;user-select:none;transition:all .2s ease-in-out;border-radius:50%;border-width:2px;border-style:solid;border-color:rgba(37,211,102,.25);background-color:rgba(37,211,102,.05);color:var(--qlwapp-scheme-brand, #25d366);flex-shrink:0}.qlwapp__rating-number:hover,.qlwapp__rating-number--selected{background-color:rgba(37,211,102,.25);border-color:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__rating-icon{transition:all .2s ease;border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;width:calc((100% - 16px)/5);aspect-ratio:1;max-width:50px;flex-shrink:0}.qlwapp__rating-icon>svg{stroke:var(--qlwapp-scheme-brand, #25d366);transition:all .2s ease;width:20px;height:20px}.qlwapp__rating-icon--selected{background-color:rgba(37,211,102,.04)}.qlwapp__rating-icon--selected>svg{fill:var(--qlwapp-scheme-brand, #25d366)}.qlwapp__rating-icon:hover{background-color:rgba(37,211,102,.06)}.qlwapp__rating-icon:hover>svg{fill:rgba(37,211,102,.15)}.qlwapp__rating-submit{display:flex;justify-content:flex-end;padding-top:var(--qlwapp-padding-sm)}.qlwapp__rating-submit button{border:none;outline:none;cursor:pointer}.qlwapp__modal{pointer-events:all;position:relative;inset:auto;z-index:99999;box-shadow:0 8px 25px -5px rgba(45,62,79,.15);background-color:#fff;margin:24px 24px 12px}.qlwapp__modal::before{background-color:#fff;content:"";position:absolute;bottom:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}.qlwapp__modal .qlwapp__header{border-top-left-radius:inherit;border-top-right-radius:inherit}.qlwapp__modal .qlwapp__header .qlwapp__carousel{position:relative}.qlwapp__modal .qlwapp__body{overflow:hidden}.qlwapp__modal .qlwapp__body .qlwapp__carousel{position:relative;max-height:min(var(--qlwapp-scheme-box-max-height, 500px),100dvh - 220px)}.qlwapp__modal .qlwapp__footer,.qlwapp__modal .qlwapp__response{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.qlwapp__modal .qlwapp__time,.qlwapp__modal .qlwapp__label,.qlwapp__modal .qlwapp-offline-text{font-size:12px;line-height:1.5em;opacity:.6;display:block}.qlwapp__modal .qlwapp__time{font-size:11px;font-style:italic;color:var(--qlwapp-scheme-contact-availability-color, inherit);text-align:justify}.qlwapp__modal .qlwapp__name{display:block;font-weight:bold;line-height:1.5em;color:var(--qlwapp-scheme-contact-name-color, inherit);text-align:justify}.qlwapp__modal .qlwapp__label{color:var(--qlwapp-scheme-contact-role-color, inherit);text-align:justify}.qlwapp-is-mobile .qlwapp__modal{position:fixed;bottom:0;left:0;right:0;box-shadow:0 5px 20px 5px rgba(0,0,0,.5);margin:0}.qlwapp-is-mobile .qlwapp__modal::before{content:none}.qlwapp-is-mobile .qlwapp__modal .qlwapp__header{border-top-left-radius:0;border-top-right-radius:0}.qlwapp-is-mobile .qlwapp__modal .qlwapp__footer,.qlwapp-is-mobile .qlwapp__modal .qlwapp__response{border-bottom-left-radius:0;border-bottom-right-radius:0}@keyframes closeModal{from{opacity:1;visibility:visible;transform:translateY(0) scale(1)}to{opacity:0;visibility:hidden;transform:translateY(50px)}}@keyframes openModal{from{opacity:0;visibility:hidden;transform:translateY(50px)}to{visibility:visible;opacity:1;transform:translateY(0) scale(1)}}@keyframes closeModalInMobile{from{opacity:1;visibility:visible;transform:translateY(0) scale(1)}to{opacity:0;visibility:hidden;transform:translateY(50px) scale(0.9)}}@keyframes openModalInMobile{from{opacity:0;visibility:hidden;transform:translateY(50px) scale(0.9)}to{visibility:visible;opacity:1;transform:translateY(0) scale(1)}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes bounce{0%,20%,53%,80%,100%{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}@keyframes pulse{0%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 0 var(--qlwapp-pulse-color, rgba(37, 211, 102, 0.7))}70%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 var(--qlwapp-pulse-size, 12px) var(--qlwapp-pulse-color, rgba(37, 211, 102, 0))}100%{box-shadow:0 calc(var(--qlwapp-pulse-size, 12px)*.083) calc(var(--qlwapp-pulse-size, 12px)*.5) 0 rgba(0,0,0,.06),0 calc(var(--qlwapp-pulse-size, 12px)*.167) calc(var(--qlwapp-pulse-size, 12px)*2.667) 0 rgba(0,0,0,.16),0 0 0 0 var(--qlwapp-pulse-color, rgba(37, 211, 102, 0))}}@keyframes shakeX{0%,100%{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}@keyframes shakeY{0%,100%{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}.qlwapp__modal{opacity:0;visibility:hidden}.qlwapp__modal .qlwapp__carousel{display:flex;width:200%;height:100%}.qlwapp__modal .qlwapp__carousel .qlwapp__carousel-slide{width:50%;transition:max-height 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 1000ms,transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms,opacity 500ms ease-in 500ms}.qlwapp__modal .qlwapp__header .qlwapp__name,.qlwapp__modal .qlwapp__header .qlwapp__avatar{opacity:0;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) .3s,opacity ease-in .3s}.qlwapp__modal .qlwapp__header .qlwapp__name{transform:translateX(56px)}.qlwapp__modal .qlwapp__header .qlwapp__avatar{transform:scale(0.5)}.qlwapp__modal .qlwapp__header .qlwapp__name{transition-delay:800ms}.qlwapp__modal .qlwapp__header .qlwapp__header-description{transition-delay:850ms}.qlwapp__modal .qlwapp__header .qlwapp__avatar{transition-delay:900ms}.qlwapp__modal .qlwapp__response,.qlwapp__modal .qlwapp__previous,.qlwapp__modal .qlwapp__message{transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 600ms,opacity ease-in 200ms}.qlwapp__modal .qlwapp__previous,.qlwapp__modal .qlwapp__message{opacity:0}.qlwapp__modal .qlwapp__response{pointer-events:none;display:none;opacity:0}.qlwapp__modal .qlwapp__previous{transform:translateX(56px)}.qlwapp__modal .qlwapp__message{transform:translateY(56px);transition-delay:200ms}.qlwapp__modal .qlwapp__close{transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1)}.qlwapp__modal .qlwapp__header-description{transition:opacity 900ms cubic-bezier(0.215, 0.61, 0.355, 1)}.qlwapp__modal .qlwapp__previous{transition-delay:800ms}.qlwapp__modal .qlwapp__close,.qlwapp__modal .qlwapp__header-description{transition-delay:900ms}.qlwapp__modal .qlwapp__contact{transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 150ms ease-in}.qlwapp__modal .qlwapp__contact:nth-of-type(1){transition-delay:100ms}.qlwapp__modal .qlwapp__contact:nth-of-type(2){transition-delay:200ms}.qlwapp__modal .qlwapp__contact:nth-of-type(3){transition-delay:300ms}.qlwapp__modal .qlwapp__contact:nth-of-type(4){transition-delay:400ms}.qlwapp__modal .qlwapp__contact:nth-of-type(5){transition-delay:500ms}.qlwapp__modal .qlwapp__contact:nth-of-type(6){transition-delay:600ms}.qlwapp__modal .qlwapp__header-contact{opacity:0}.qlwapp__modal .qlwapp__message{opacity:0;transform:translateY(-56px)}.qlwapp__modal--response .qlwapp__carousel .qlwapp__carousel-slide{transform:translateX(-100%)}.qlwapp__modal--response .qlwapp__carousel .qlwapp__carousel-slide .qlwapp__header-contact{opacity:1}.qlwapp__modal--response .qlwapp__close{transition-delay:0ms}.qlwapp__modal--response .qlwapp__close,.qlwapp__modal--response .qlwapp__header-description,.qlwapp__modal--response .qlwapp__contact{opacity:0}.qlwapp__modal--response .qlwapp__contact{transform:translateY(-33.333%);border-top-color:rgba(0,0,0,0) !important}.qlwapp__modal--response .qlwapp__message{display:block}.qlwapp__modal--response .qlwapp__message,.qlwapp__modal--response .qlwapp__previous{opacity:1}.qlwapp__modal--response .qlwapp__footer{display:none}.qlwapp__modal--response .qlwapp__response{pointer-events:all;display:block;opacity:1}.qlwapp__modal--response .qlwapp__message,.qlwapp__modal--response .qlwapp__previous{transform:translate(0)}.qlwapp__modal--response .qlwapp__header .qlwapp__carousel-slide{max-height:84px}.qlwapp__modal--response .qlwapp__header .qlwapp__name,.qlwapp__modal--response .qlwapp__header .qlwapp__avatar{opacity:1}.qlwapp__modal--response .qlwapp__header .qlwapp__header-description{opacity:0}.qlwapp__modal--response .qlwapp__header .qlwapp__name,.qlwapp__modal--response .qlwapp__header .qlwapp__header-description{transform:translateX(0)}.qlwapp__modal--response .qlwapp__header .qlwapp__avatar{transform:scale(1)}.qlwapp__modal--opening .qlwapp__response,.qlwapp__modal--opening .qlwapp__close,.qlwapp__modal--opening .qlwapp__previous,.qlwapp__modal--opening .qlwapp__header .qlwapp__name,.qlwapp__modal--opening .qlwapp__header-description{visibility:visible}.qlwapp__modal--closing .qlwapp__info,.qlwapp__modal--closing .qlwapp__avatar__container{transform:translateX(100px);opacity:0;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 300ms,opacity ease-out 200ms}.qlwapp__modal--closing .qlwapp__message{transition:all .4s;transform:translateY(100%);opacity:0}.qlwapp__modal--closing .qlwapp__previous{transform:translateX(-24px);opacity:0;transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 300ms,opacity ease-out 200ms;transition-delay:0ms}.qlwapp__modal--open .qlwapp__icon{display:none;transform:scale(0, 0) !important;opacity:0 !important}.qlwapp__modal--open .qlwapp__close{display:none;transform:scale(1, 1) !important;opacity:1 !important}.qlwapp__button{animation-duration:1.5s;animation-timing-function:ease-in;animation-name:var(--qlwapp-button-animation-name, "none");animation-delay:var(--qlwapp-button-animation-delay, 0);animation-iteration-count:1;transform-origin:center;background-image:unset !important}.qlwapp__button--bubble .qlwapp__close{transform:scale(0, 0);opacity:0;position:absolute}.qlwapp__button--bubble .qlwapp__icon{transform:scale(1, 1);opacity:1}.qlwapp__button--bubble .qlwapp__icon,.qlwapp__button--bubble .qlwapp__close{transition:transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1),opacity 300ms ease-in}.qlwapp__container--open .qlwapp__button--bubble .qlwapp__close{transform:scale(1, 1);opacity:1}.qlwapp__container--open .qlwapp__button--bubble .qlwapp__icon{transform:scale(0, 0);opacity:0}.qlwapp__container .qlwapp__modal{animation:openModal .4s forwards}.qlwapp__container--closing .qlwapp__modal{animation:closeModal .4s forwards}.qlwapp-is-mobile .qlwapp__modal{animation:openModalInMobile .4s forwards}.qlwapp-is-mobile.qlwapp__container--closing .qlwapp__modal{animation:closeModalInMobile .4s forwards}.rtl .qlwapp__modal{direction:ltr !important;unicode-bidi:bidi-override}.rtl .qlwapp__header-description,.rtl .qlwapp__footer,.rtl .qlwapp__response{direction:rtl !important}:root{--qlwapp-padding-xs: 8px;--qlwapp-padding-sm: 16px;--qlwapp-padding-md: 24px;--qlwapp-padding-lg: 32px;--qlwapp-padding-xl: 40px}