:root { --ink: #050505; --surface: #0a0a0c; --surface-2: #111114; --edge: rgba(255,255,255,0.06); --edge-strong: rgba(255,255,255,0.12); --bone: #FDFBF7; --bone-dim: #d4d0c8; --gold: #c9a86c; --gold-bright: #e8c47a; --muted: #8a8a92; --font-display: "Montserrat", sans-serif; --font-body: "Inter", system-ui, sans-serif; --font-mono: "Inter", monospace; --section-y: clamp(5rem, 10vw, 8rem); --container: 1200px; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --d-slow: 0.8s; --d-base: 0.5s; --d-fast: 0.3s; } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: var(--ink); color: var(--bone); font-family: var(--font-body); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: hidden; } body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9999; opacity: 0.035; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"); } h1, h2, h3, h4, .display { font-family: var(--font-display); font-weight: 100; letter-spacing: -0.03em; line-height: 1.05; } a { color: inherit; text-decoration: none; transition: color var(--d-fast) var(--ease-out); } .lang-bar { position: relative; display: flex; align-items: center; } .lang-bar-inner { display: flex; align-items: center; } .lang-current { display: flex; align-items: center; gap: 8px; background: var(--surface); border: 1px solid var(--edge); border-radius: 8px; padding: 6px 14px; color: var(--bone); font-size: 13px; font-family: var(--font-body); cursor: pointer; transition: all var(--d-fast) var(--ease-out); } .lang-current:hover { border-color: var(--gold); background: var(--surface-2); } .lang-flag { font-weight: 500; } .lang-caret { font-size: 10px; color: var(--muted); transition: transform var(--d-fast) var(--ease-out); } .lang-current[aria-expanded="true"] .lang-caret { transform: rotate(180deg); } .lang-dropdown { position: absolute; top: calc(100% + 12px); right: 0; background: var(--surface); border: 1px solid var(--edge); border-radius: 12px; padding: 8px; min-width: 220px; max-height: 320px; overflow-y: auto; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: all var(--d-fast) var(--ease-out); z-index: 101; } .lang-dropdown.open { opacity: 1; visibility: visible; transform: translateY(0); } .lang-option { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 14px; background: none; border: 0; border-radius: 8px; color: var(--bone-dim); font-size: 14px; font-family: var(--font-body); cursor: pointer; transition: all var(--d-fast) var(--ease-out); text-align: left; } .lang-option:hover { background: var(--surface-2); color: var(--bone); } .lang-option.active { background: rgba(201, 168, 108, 0.1); color: var(--gold); } .lang-option.active::after { content: "✓"; font-size: 12px; color: var(--gold); } .lang-native { font-weight: 500; } .lang-name { font-size: 12px; color: var(--muted); } .lang-option.active .lang-name { color: var(--gold-bright); } .site-search { position: relative; display: flex; align-items: center; } .search-toggle { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 8px; background: var(--surface); border: 1px solid var(--edge); color: var(--bone); cursor: pointer; transition: all var(--d-fast) var(--ease-out); } .search-toggle:hover { border-color: var(--gold); background: var(--surface-2); color: var(--gold); } .search-icon { display: block; } .search-panel { position: absolute; top: calc(100% + 12px); right: 0; width: min(360px, 88vw); padding: 10px; background: var(--surface); border: 1px solid var(--edge); border-radius: 12px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: all var(--d-fast) var(--ease-out); z-index: 101; } .search-panel.open { opacity: 1; visibility: visible; transform: translateY(0); } .search-form { display: flex; gap: 8px; align-items: center; } .search-field { flex: 1; min-width: 0; width: 100%; border-radius: 8px; border: 1px solid var(--edge); background: var(--surface-2); color: var(--bone); padding: 11px 14px; font: inherit; font-size: 14px; transition: border-color var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out); } .search-field::placeholder { color: var(--muted); } .search-field:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201, 168, 108, 0.1); outline: none; } .search-submit { border: 0; border-radius: 8px; background: var(--gold); color: var(--ink); font: inherit; font-size: 14px; font-weight: 600; padding: 11px 18px; white-space: nowrap; cursor: pointer; transition: transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out); } .search-submit:hover { transform: scale(0.97); box-shadow: 0 8px 24px rgba(201, 168, 108, 0.3); } .site-search-inline { margin-top: 28px; max-width: 520px; } .search-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: clamp(16px, 2vw, 24px); } .search-item { display: block; background: var(--surface); border: 1px solid var(--edge); border-radius: 20px; padding: clamp(22px, 2.6vw, 30px); transition: transform var(--d-base) var(--ease-out), border-color var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out); } .search-item:hover { transform: translateY(-4px); border-color: var(--edge-strong); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); } .search-item h3 { font-size: clamp(18px, 2vw, 21px); margin: 10px 0; letter-spacing: -0.02em; } .search-item p { color: var(--bone-dim); font-size: 15px; line-height: 1.6; } .search-item-type { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); } .search-empty-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .search-empty-links .btn, .search-empty-links .btn-ghost { padding: 12px 22px; font-size: 13px; } .navigation.pagination { margin-top: clamp(32px, 4vw, 48px); } .nav-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--edge); background: var(--surface); color: var(--bone-dim); font-size: 14px; transition: all var(--d-fast) var(--ease-out); } .page-numbers:hover { border-color: var(--gold); color: var(--bone); } .page-numbers.current { background: var(--gold); border-color: var(--gold); color: var(--ink); font-weight: 700; } @media (max-width: 900px) { .site-search { width: 100%; flex-direction: column; } .search-toggle { display: none; } .search-panel { position: static; width: 100%; padding: 0; background: transparent; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; } .search-field { background: rgba(255, 255, 255, 0.04); padding: 14px 16px; font-size: 16px; } .search-submit { padding: 14px 18px; font-size: 15px; } } @media (max-width: 900px) { .lang-bar, .lang-bar-inner { width: 100%; } .lang-current { width: 100%; justify-content: space-between; padding: 14px 16px; font-size: 16px; border-radius: 12px; } .lang-dropdown { left: 0; right: 0; min-width: 0; transform: translateY(-8px); } .lang-dropdown.open { transform: translateY(0); } } :focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; } ::selection { background: var(--gold); color: var(--ink); } .wrap { max-width: var(--container); margin: 0 auto; padding: 0 clamp(20px, 4vw, 48px); } .wrap-narrow { max-width: 800px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 48px); } .site-header { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); width: calc(100% - 32px); max-width: var(--container); z-index: 50; border-radius: 999px; background: rgba(5, 5, 5, 0.8); backdrop-filter: blur(24px) saturate(1.8); -webkit-backdrop-filter: blur(24px) saturate(1.8); border: 1px solid var(--edge); transition: box-shadow var(--d-base) var(--ease-out); } .site-header.scrolled { box-shadow: 0 8px 40px rgba(0,0,0,0.4); } .site-header .bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 28px; max-width: var(--container); margin: 0 auto; } .logo { font-family: var(--font-display); font-weight: 800; font-size: 20px; letter-spacing: -0.02em; } .logo span { color: var(--gold); } .menu { display: flex; gap: clamp(20px, 3vw, 40px); align-items: center; } .menu a { color: var(--bone-dim); font-size: 14px; font-weight: 500; letter-spacing: 0.01em; transition: color var(--d-fast) var(--ease-out); } .menu a:hover { color: var(--bone); } .nav-toggle { display: none; background: none; border: 0; color: var(--bone); font-size: 24px; cursor: pointer; line-height: 1; padding: 8px; border-radius: 8px; transition: background var(--d-fast) var(--ease-out); } .nav-toggle:hover { background: var(--edge); } @media (max-width: 900px) { .nav-toggle { display: block; } .menu { display: none; position: absolute; top: calc(100% + 12px); left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: rgba(10, 10, 12, 0.95); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid var(--edge); border-radius: 24px; padding: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); } .menu.open { display: flex; animation: menuReveal var(--d-base) var(--ease-out); } .menu a { padding: 14px 16px; font-size: 16px; border-radius: 12px; opacity: 0; transform: translateY(8px); transition: opacity var(--d-base) var(--ease-out), transform var(--d-base) var(--ease-out), background var(--d-fast) var(--ease-out); } .menu.open a { opacity: 1; transform: translateY(0); } .menu.open a:nth-child(1) { transition-delay: 0.05s; } .menu.open a:nth-child(2) { transition-delay: 0.1s; } .menu.open a:nth-child(3) { transition-delay: 0.15s; } .menu.open a:nth-child(4) { transition-delay: 0.2s; } .menu.open a:nth-child(5) { transition-delay: 0.25s; } .menu.open a:nth-child(6) { transition-delay: 0.3s; } .menu a:hover { background: var(--edge); } .menu a.btn { margin-top: 8px; text-align: center; } } @media (min-width: 901px) { .nav-toggle { display: none; } } @keyframes menuReveal { from { opacity: 0; transform: translateY(-8px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } .btn { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; cursor: pointer; padding: 14px 28px; font-weight: 600; font-size: 14px; font-family: var(--font-body); border: 0; background: var(--gold); color: var(--ink); transition: transform var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out); position: relative; overflow: hidden; } .btn::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent); opacity: 0; transition: opacity var(--d-base) var(--ease-out); } .btn:hover { transform: scale(0.97); box-shadow: 0 8px 32px rgba(201,168,108,0.3); } .btn:hover::after { opacity: 1; } .btn:active { transform: scale(0.95); } .btn-ghost { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; cursor: pointer; padding: 14px 28px; font-weight: 600; font-size: 14px; font-family: var(--font-body); border: 1px solid var(--edge-strong); background: transparent; color: var(--bone); transition: transform var(--d-base) var(--ease-out), border-color var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out); } .btn-ghost:hover { transform: scale(0.97); border-color: var(--gold); color: var(--gold); } .hero { position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; padding-top: 110px; } .hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 50% at 70% 30%, rgba(201,168,108,0.08), transparent 60%), radial-gradient(ellipse 40% 40% at 20% 70%, rgba(201,168,108,0.04), transparent 50%); pointer-events: none; } .hero .inner { position: relative; padding: clamp(60px, 10vw, 120px) clamp(20px, 4vw, 48px); max-width: var(--container); margin: 0 auto; width: 100%; } .hero h1 { font-size: clamp(40px, 8vw, 96px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.0; margin-bottom: 24px; } .hero h1 .accent { color: var(--gold); } .hero .lede { font-size: clamp(16px, 2vw, 20px); color: var(--bone-dim); max-width: 560px; margin-bottom: 40px; line-height: 1.6; } .hero .cta { display: flex; gap: 16px; flex-wrap: wrap; } .hero .scroll-hint { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; font-family: var(--font-mono); } .hero .scroll-hint .line { width: 1px; height: 40px; background: linear-gradient(to bottom, var(--gold), transparent); animation: scrollPulse 2s var(--ease-in-out) infinite; } @keyframes scrollPulse { 0%, 100% { opacity: 0.3; transform: scaleY(0.6); } 50% { opacity: 1; transform: scaleY(1); } } .hero h1 { font-size: clamp(40px, 8vw, 96px); } .section { padding: var(--section-y) 0; } .section-header { margin-bottom: clamp(40px, 6vw, 64px); } .section-header h2 { font-size: clamp(32px, 5vw, 56px); margin-bottom: 16px; } .section-header p { color: var(--bone-dim); font-size: clamp(16px, 1.8vw, 18px); max-width: 480px; } .eyebrow { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; display: block; } .bento { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 28px); } .bento > :first-child { grid-column: span 2; grid-row: span 2; } .bento > :nth-child(4) { grid-column: span 2; } @media (max-width: 900px) { .bento { grid-template-columns: 1fr; } .bento > :first-child, .bento > :nth-child(4) { grid-column: span 1; grid-row: span 1; } } .card { position: relative; background: var(--surface); border-radius: 24px; padding: clamp(24px, 3vw, 36px); border: 1px solid var(--edge); transition: transform var(--d-base) var(--ease-out), border-color var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out); } .card::before { content: ""; position: absolute; inset: 1px; border-radius: 23px; border: 1px solid var(--edge-strong); pointer-events: none; transition: border-color var(--d-base) var(--ease-out); } .card:hover { transform: translateY(-4px); border-color: var(--edge-strong); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .card:hover::before { border-color: rgba(201,168,108,0.15); } .card h3 { font-size: clamp(18px, 2vw, 22px); margin-bottom: 12px; letter-spacing: -0.02em; } .card p { color: var(--bone-dim); font-size: 15px; line-height: 1.6; } .card .price { color: var(--gold); font-size: 14px; margin-top: 16px; font-weight: 600; } .card .icon { width: 48px; height: 48px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--edge); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 20px; } .price { color: var(--gold); font-size: 14px; margin-top: 16px; font-weight: 600; } .price-was { color: var(--bone-dim); font-weight: 400; text-decoration: line-through; opacity: 0.7; } .price-now { color: var(--gold-bright); font-weight: 700; } .offer-badge { display: inline-block; margin-left: 6px; padding: 2px 9px; border-radius: 999px; background: rgba(201,168,108,0.16); border: 1px solid rgba(201,168,108,0.45); color: var(--gold-bright); font-size: 11px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; vertical-align: middle; } .offer-strip { border-block: 1px solid var(--edge); background: var(--surface); padding: 14px 0; } .offer-strip .wrap { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .offer-pill { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(201,168,108,0.35); background: rgba(201,168,108,0.08); color: var(--bone); font-size: 13px; } .offer-pill strong { color: var(--gold-bright); } .offer-code { font-family: var(--font-mono, ui-monospace, monospace); font-size: 11px; letter-spacing: 0.06em; padding: 2px 7px; border-radius: 6px; background: var(--surface-2); border: 1px solid var(--edge-strong); } .pm-offer-note { grid-column: 1 / -1; margin: 0; color: var(--gold-bright); font-size: 14px; font-weight: 600; } .stats { border-block: 1px solid var(--edge); background: var(--surface); padding: var(--section-y) 0; } .stats .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: clamp(32px, 5vw, 64px); } .stat b { font-family: var(--font-display); font-size: clamp(36px, 5vw, 56px); font-weight: 800; color: var(--gold); display: block; letter-spacing: -0.03em; line-height: 1; margin-bottom: 8px; } .stat span { color: var(--bone-dim); font-size: 14px; } .process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: clamp(20px, 3vw, 32px); } .step { position: relative; } .step .num { font-family: var(--font-mono); font-size: 12px; color: var(--gold); letter-spacing: 0.1em; margin-bottom: 16px; display: block; } .cta-band { border-top: 1px solid var(--edge); background: var(--surface); padding: var(--section-y) 0; } .cta-band .inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; } .cta-band h2 { font-size: clamp(28px, 4vw, 44px); max-width: 520px; letter-spacing: -0.03em; } .page-head { padding: clamp(120px, 15vw, 180px) 0 clamp(40px, 6vw, 64px); } .page-head h1 { font-size: clamp(40px, 7vw, 72px); letter-spacing: -0.04em; max-width: 800px; } .page-head p { color: var(--bone-dim); font-size: clamp(16px, 2vw, 20px); max-width: 560px; margin-top: 20px; } .page-body { padding-bottom: var(--section-y); } .work-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1px; background: var(--edge); border: 1px solid var(--edge); border-radius: 24px; overflow: hidden; } .work-item { background: var(--ink); padding: clamp(28px, 3vw, 40px); transition: background var(--d-base) var(--ease-out); } .work-item:hover { background: var(--surface); } .work-item h3 { font-size: clamp(18px, 2vw, 22px); margin: 0; } .work-item:hover h3 { color: var(--gold); } .work-item .meta { color: var(--muted); font-size: 14px; margin-top: 16px; display: flex; justify-content: space-between; } .pm-form { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 2.5vw, 28px); margin-top: clamp(32px, 4vw, 48px); } .pm-form .full { grid-column: 1 / -1; } .pm-form label { display: block; font-size: 14px; font-weight: 500; } .pm-form label span { display: block; margin-bottom: 8px; color: var(--bone-dim); font-size: 13px; letter-spacing: 0.02em; } .pm-form input, .pm-form select, .pm-form textarea { width: 100%; border-radius: 12px; border: 1px solid var(--edge); background: var(--surface); color: var(--bone); padding: 14px 18px; font: inherit; font-size: 15px; transition: border-color var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out); } .pm-form input:focus, .pm-form select:focus, .pm-form textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,168,108,0.1); outline: none; } .pm-form input::placeholder, .pm-form textarea::placeholder { color: var(--muted); } .pm-alert { margin-top: 32px; border-radius: 12px; padding: 18px 22px; font-size: 14px; } .pm-alert.error { border: 1px solid rgba(239,68,68,.3); background: rgba(239,68,68,.08); color: #fca5a5; } .pm-alert.ok { border: 1px solid rgba(16,185,129,.3); background: rgba(16,185,129,.08); color: #6ee7b7; } .pm-success { text-align: center; padding: clamp(80px, 12vw, 120px) clamp(20px, 4vw, 48px); } .pm-success b { font-family: var(--font-display); font-size: clamp(36px, 5vw, 52px); color: var(--gold); display: block; letter-spacing: -0.03em; } .site-footer { border-top: 1px solid var(--edge); padding: var(--section-y) 0 0; } .site-footer .cols { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: clamp(40px, 6vw, 80px); padding-bottom: clamp(40px, 6vw, 64px); } .site-footer .brand p { color: var(--bone-dim); font-size: 15px; max-width: 320px; margin-top: 16px; line-height: 1.7; } .site-footer h4 { font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-bottom: 20px; } .site-footer ul { list-style: none; padding: 0; } .site-footer li { margin-bottom: 12px; color: var(--bone-dim); font-size: 15px; } .site-footer a:hover { color: var(--gold); } .site-footer .legal { border-top: 1px solid var(--edge); text-align: center; padding: 24px; font-size: 13px; color: var(--muted); } @media (max-width: 720px) { .site-footer .cols { grid-template-columns: 1fr; gap: 32px; } .pm-form { grid-template-columns: 1fr; } } .reveal { opacity: 0; transform: translateY(40px); filter: blur(8px); transition: opacity var(--d-slow) var(--ease-out), transform var(--d-slow) var(--ease-out), filter var(--d-slow) var(--ease-out); } .reveal.revealed { opacity: 1; transform: translateY(0); filter: blur(0); } .reveal-stagger > *:nth-child(1) { transition-delay: 0s; } .reveal-stagger > *:nth-child(2) { transition-delay: 0.08s; } .reveal-stagger > *:nth-child(3) { transition-delay: 0.16s; } .reveal-stagger > *:nth-child(4) { transition-delay: 0.24s; } .reveal-stagger > *:nth-child(5) { transition-delay: 0.32s; } .reveal-stagger > *:nth-child(6) { transition-delay: 0.4s; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal { opacity: 1; transform: none; filter: none; transition: none; } .menu a, .menu { animation: none !important; } } :is(body.home,body.pm-studio){--pm-paper:#f5f7fa;--pm-ink:#15212e;--pm-blue:#244bd6;--pm-muted:#556271;--pm-line:#ced5de;background:var(--pm-paper);color:var(--pm-ink);font-family:'Satoshi',Arial,sans-serif;line-height:1.5} :is(body.home,body.pm-studio)::after{display:none} .pm-home h1,.pm-home h2,.pm-home h3{font-family:'Satoshi',Arial,sans-serif;font-weight:700;color:inherit;letter-spacing:-.055em} .pm-home a:focus-visible,.hp-nav a:focus-visible,.hp-nav button:focus-visible{outline:3px solid #456df1;outline-offset:5px} .pm-wrap{width:min(1440px,90%);margin-inline:auto} .pm-home p{margin:0}.pm-home a{transition:color .2s ease,background .2s ease} :is(body.home,body.pm-studio) .hp-nav{background:var(--pm-paper);border-color:var(--pm-line);padding:20px 5%;position:relative} :is(body.home,body.pm-studio) .hp-logo{color:var(--pm-ink);font-family:'Satoshi',Arial,sans-serif;font-weight:700;font-size:23px;letter-spacing:-.06em;text-transform:none} :is(body.home,body.pm-studio) .hp-logo span{color:var(--pm-blue)} :is(body.home,body.pm-studio) .hp-menu-link{font-family:'Satoshi',Arial,sans-serif;color:var(--pm-muted);font-weight:500} :is(body.home,body.pm-studio) .hp-menu-link:hover,:is(body.home,body.pm-studio) .hp-menu-link.active{color:var(--pm-blue)} :is(body.home,body.pm-studio) .hp-menu-link::after{background:var(--pm-blue)} :is(body.home,body.pm-studio) .hp-lang-toggle,:is(body.home,body.pm-studio) .hp-search-toggle{color:var(--pm-ink)} :is(body.home,body.pm-studio) .hp-lang-toggle{border-color:var(--pm-line)} .hp-search-toggle,.hp-lang-toggle{min-height:44px;min-width:44px} .pm-hero{padding-top:38px}.pm-intro{display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--pm-muted)}.pm-intro a{color:var(--pm-blue);font-weight:700}.pm-intro a span{margin-left:16px} .pm-home h1{font-size:clamp(76px,11.5vw,172px);line-height:.91;margin:45px 0 42px;max-width:1000px} .pm-hero-grid{display:grid;grid-template-columns:1fr 1.75fr;gap:8%;align-items:center}.pm-hero-copy{max-width:370px}.pm-studio-mark{color:var(--pm-blue);font-size:67px;line-height:1;display:block;margin-bottom:24px}.pm-hero-copy>p:first-of-type{font-size:24px;line-height:1.35;letter-spacing:-.035em;font-weight:500}.pm-muted{color:var(--pm-muted)}.pm-hero-copy p+p{margin-top:18px;font-size:16px;line-height:1.65} .pm-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--pm-blue);color:white;min-height:54px;padding:16px 24px;border-radius:4px;font-weight:700;font-size:15px;margin-top:28px}.pm-button:hover{background:#1735a4;color:white}.pm-button span{font-size:22px} .pm-feature{position:relative;display:block;aspect-ratio:1.9;overflow:hidden;border-radius:5px;background:#26313e}.pm-feature img{width:100%;height:100%;object-fit:cover;display:block}.pm-feature::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.75))}.pm-feature-caption{position:absolute;inset:auto 26px 24px;z-index:1;color:white;display:flex;align-items:center;justify-content:space-between;font-size:22px;font-weight:500}.pm-feature-caption small{font-size:13px;font-weight:400}.pm-round{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:white;color:var(--pm-ink);font-size:23px;flex-shrink:0} .pm-hero-foot{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding:20px 0 30px;border-top:1px solid var(--pm-line);font-size:13px;color:var(--pm-muted)}.pm-hero-foot a span{margin-left:30px} .pm-projects{background:#e8edf3;padding:85px 0 90px;margin-top:25px}.pm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.pm-kicker{font-size:15px;font-weight:500;margin-bottom:24px!important}.pm-home h2{font-size:clamp(40px,5vw,72px);line-height:1.02}.pm-text-link{display:inline-flex;align-items:center;gap:35px;font-size:15px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:9px;min-height:44px}.pm-text-link:hover{color:var(--pm-blue)} .pm-project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}.pm-project:nth-child(2){padding-top:75px}.pm-project-image{position:relative;aspect-ratio:1.65;background:#26313e;overflow:hidden;border-radius:4px}.pm-project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.pm-project:hover img{transform:scale(1.025)}.pm-project-image .pm-round{position:absolute;right:18px;bottom:18px}.pm-project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:18px}.pm-project-meta h3{font-size:22px;letter-spacing:-.035em}.pm-project-meta>span{font-size:13px;color:var(--pm-muted)} .pm-about{padding-block:100px}.pm-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.pm-about-grid p{font-size:21px;line-height:1.55;letter-spacing:-.025em}.pm-about-grid p+p{font-size:16px;line-height:1.7;margin-top:24px}.pm-about-grid .pm-text-link{margin-top:30px} .pm-services{padding:85px 0;background:#e8edf3}.pm-services-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.pm-services-grid>div>p.pm-muted{margin-top:24px;max-width:290px}.pm-services-grid .pm-text-link{margin-top:30px}.pm-service{display:flex;justify-content:space-between;gap:24px;padding:23px 0;border-top:1px solid #b9c3ce;min-height:100px}.pm-service:last-child{border-bottom:1px solid #b9c3ce}.pm-service h3{font-size:24px;letter-spacing:-.04em;margin-bottom:8px}.pm-service p{font-size:14px;color:var(--pm-muted);max-width:390px}.pm-service>span{font-size:23px}.pm-service:hover{color:var(--pm-blue)} .pm-contact{padding:80px 0;background:var(--pm-blue);color:white}.pm-contact>div>p{margin-bottom:30px}.pm-contact h2{font-size:clamp(54px,8vw,116px);line-height:.98;max-width:1000px}.pm-contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:50px}.pm-contact-bottom p{font-size:17px}.pm-button-light{background:white;color:var(--pm-blue);margin:0}.pm-button-light:hover{background:#e8edf3;color:var(--pm-blue)} .pm-footer{padding-block:35px;display:flex;justify-content:space-between;align-items:center;gap:24px}.pm-footer-brand{font-weight:700;font-size:30px;letter-spacing:-.06em}.pm-footer>div{display:flex;gap:30px;align-items:center;font-size:13px}.pm-footer>div>span{color:var(--pm-muted)} .hp-mobile-toggle{display:none} @media(min-width:769px){.hp-menu-links{flex:2}.hp-logo,.hp-right-group{flex:1}} @media(max-width:768px){.hp-nav{flex-wrap:wrap;gap:12px}.hp-mobile-toggle{display:block;background:none;border:1px solid currentColor;color:inherit;border-radius:4px;padding:8px 12px;min-height:44px;font:inherit;font-size:14px}.hp-nav .hp-menu-links{display:none;order:4;flex-basis:100%;flex-wrap:wrap;gap:12px;justify-content:flex-start;padding:12px 0}.hp-nav .hp-menu-links.is-open{display:flex}.hp-menu-link{padding:10px 8px}.hp-right-group{flex:0!important}.pm-intro{font-size:12px}.pm-intro>a{display:none}.pm-hero{padding-top:24px}.pm-home h1{margin-block:30px;font-size:clamp(66px,13vw,100px)}.pm-hero-grid{grid-template-columns:1fr;gap:32px}.pm-hero-copy{max-width:100%}.pm-studio-mark{display:none}.pm-hero-copy>p:first-of-type{max-width:320px;font-size:22px}.pm-hero-copy p+p{max-width:450px}.pm-feature{aspect-ratio:1.5}.pm-feature-caption{inset:auto 18px 18px}.pm-hero-foot{font-size:12px;margin-top:24px}.pm-hero-foot a span{margin-left:8px}.pm-projects,.pm-services{padding-block:55px}.pm-section-head{align-items:flex-start;flex-direction:column}.pm-project-grid,.pm-about-grid,.pm-services-grid{grid-template-columns:1fr;gap:36px}.pm-project:nth-child(2){padding:0}.pm-project-meta{align-items:flex-start;flex-direction:column;gap:5px}.pm-about{padding-block:60px}.pm-about-grid p{font-size:19px}.pm-contact{padding-block:55px}.pm-contact-bottom{align-items:flex-start;flex-direction:column;margin-top:30px}.pm-footer{align-items:flex-start;flex-direction:column}.pm-footer>div{gap:20px;flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pm-home *{transition:none!important;animation:none!important}} :is(body.home,body.pm-studio){--pm-paper:#101517;--pm-ink:#f5f6f7;--pm-blue:#ee8a29;--pm-muted:#b3b9bc;--pm-line:#333a3e;background:var(--pm-paper)} .pm-wrap{width:min(1400px,calc(100% - 64px))} :is(body.home,body.pm-studio) .hp-nav{background:#101517;border-bottom:0;padding:24px 32px} :is(body.home,body.pm-studio) .hp-menu-link{font-size:14px;color:#e3e6e8} :is(body.home,body.pm-studio) .hp-menu-link.active,:is(body.home,body.pm-studio) .hp-menu-link:hover{color:#f4a85f} :is(body.home,body.pm-studio) .hp-logo{font-size:26px} .pm-hero{padding-top:80px}.pm-intro{font-size:14px}.pm-intro>a{background:#292e31;color:#fff;padding:12px 20px;border-radius:6px} .pm-home h1{font-size:clamp(65px,7.5vw,110px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:30px 0;max-width:1100px} .pm-hero-grid{grid-template-columns:1fr 1fr;gap:5%;align-items:center;margin-top:54px}.pm-feature{grid-column:1;grid-row:1;aspect-ratio:1.7;border-radius:14px}.pm-hero-copy{grid-column:2;max-width:590px}.pm-studio-mark{display:none}.pm-hero-copy>p:first-of-type{font-size:clamp(25px,2.8vw,38px);line-height:1.2;letter-spacing:-.04em}.pm-hero-copy p+p{color:#b3b9bc;font-size:17px;max-width:470px} .pm-button{color:#101517;font-size:15px;border-radius:7px;min-height:60px;padding:18px 28px}.pm-button:hover{background:#ffac60;color:#101517}.pm-secondary{background:#292e31;color:white;margin-left:10px}.pm-secondary:hover{background:#3b4347;color:white}.pm-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.pm-hero-actions .pm-button{margin:0} .pm-feature-caption{font-size:20px}.pm-round{color:#101517}.pm-hero-foot{margin-top:45px;padding-block:24px;font-size:14px}.pm-hero-foot a{color:#eee} .pm-projects{background:#171d20;border-radius:24px 24px 0 0;margin-top:70px;padding-block:95px}.pm-home h2{font-weight:500;font-size:clamp(40px,4.5vw,66px);letter-spacing:-.04em}.pm-kicker{color:#b3b9bc}.pm-project-grid{grid-template-columns:1fr 1fr;gap:24px}.pm-project:nth-child(2){padding-top:0}.pm-project-image{border-radius:14px}.pm-project-meta{align-items:flex-start;flex-direction:column;gap:8px}.pm-project-meta h3{font-size:28px;font-weight:500}.pm-project-meta>span{font-size:15px}.pm-about{padding-block:100px}.pm-about-grid{gap:8%}.pm-about-grid p{font-size:25px}.pm-services{background:#171d20;padding-block:90px}.pm-service{border-color:#3b4347}.pm-service:last-child{border-color:#3b4347}.pm-service h3{font-weight:500;font-size:26px}.pm-service p{font-size:16px;color:#b3b9bc}.pm-service:hover{color:#f4a85f} .pm-contact{background:#ee8a29;color:#101517;margin:24px;border-radius:20px;padding-block:80px}.pm-contact h2{font-size:clamp(55px,7vw,100px)}.pm-contact-bottom p{font-size:19px}.pm-button-light{background:#101517;color:#fff}.pm-button-light:hover{background:#293034;color:white}.pm-footer{padding-block:40px}.pm-text-link:hover{color:#f4a85f}.pm-home a:focus-visible{outline-color:#f4a85f} :is(body.home,body.pm-studio) .hp-mobile-toggle{color:#fff!important} @media(max-width:768px){.pm-wrap{width:calc(100% - 40px)}:is(body.home,body.pm-studio) .hp-nav{padding:20px}.pm-hero{padding-top:40px}.pm-intro>a{display:none}.pm-home h1{font-size:clamp(56px,12vw,84px);margin-block:25px}.pm-hero-actions{gap:10px}.pm-hero-actions .pm-button{font-size:14px;padding:16px 19px;gap:16px}.pm-secondary{margin-left:0}.pm-hero-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.pm-feature,.pm-hero-copy{grid-column:auto;grid-row:auto}.pm-hero-copy{order:2}.pm-feature{order:1}.pm-hero-foot{font-size:12px}.pm-projects{margin-top:35px;padding-block:55px}.pm-project-grid{grid-template-columns:1fr;gap:36px}.pm-about,.pm-services{padding-block:60px}.pm-about-grid p{font-size:21px}.pm-contact{margin:12px;padding-block:55px}.pm-contact h2{font-size:clamp(44px,11vw,70px)}} .pm-skip{position:absolute;top:8px;left:16px;z-index:300;transform:translateY(-160%);background:#ee8a29;color:#101517;padding:12px 18px;border-radius:6px} .pm-skip:focus{transform:translateY(0)} .hp-nav a:focus-visible,.hp-nav button:focus-visible,.hp-search-overlay :focus-visible{outline:3px solid #f4a85f;outline-offset:4px} .hp-search-close{min-width:44px;min-height:44px} .hp-search-input{padding-right:52px} .hp-menu-link{display:inline-flex;align-items:center;min-height:44px} .pm-footer a{display:inline-flex;align-items:center;min-height:44px} @media(max-width:768px){ .hp-nav{flex-wrap:wrap;gap:12px;background:#101517} .hp-logo{min-width:0} .hp-nav .hp-menu-links{order:4;flex-basis:100%;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:12px 0} .hp-nav .hp-menu-links.is-open{display:flex} .hp-nav .hp-right-group{flex:0} .hp-mobile-toggle{border-color:#626b70} .pm-home h1{font-size:clamp(40px,11.2vw,84px)} .pm-hero-foot{flex-wrap:wrap} .pm-intro{overflow-wrap:anywhere} } @media(prefers-reduced-motion:reduce){.hp-nav *,.hp-search-overlay{transition:none!important}} body.pm-studio{--pm-paper:#101517;--pm-ink:#f5f6f7;--pm-blue:#ee8a29;--pm-muted:#b3b9bc;--pm-line:#333a3e;--gold:#ee8a29;background:var(--pm-paper);color:var(--pm-ink);font-family:'Satoshi',Arial,sans-serif;line-height:1.5} body.pm-studio .hp-nav{position:relative;background:var(--pm-paper)} .pm-inner .pm-page-hero{padding-top:76px;padding-bottom:70px} .pm-inner .pm-page-hero h1{font-size:clamp(56px,7.6vw,110px);max-width:1200px;margin:30px 0 36px;line-height:1.02} .pm-page-lede{display:flex;justify-content:space-between;align-items:flex-end;gap:48px} .pm-page-lede>p{font-size:clamp(20px,2vw,27px);line-height:1.45;letter-spacing:-.025em;max-width:660px} .pm-page-lede .pm-button{margin:0;flex-shrink:0} .pm-banner{margin-top:60px} .pm-banner img{display:block;width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;border-radius:16px} .pm-banner figcaption,.pm-work-card figcaption{color:var(--pm-muted);font-size:12px;padding-top:12px} .pm-page-section{padding-block:85px;border-top:1px solid var(--pm-line)} .pm-offerings{margin-top:55px} .pm-offering{display:grid;grid-template-columns:80px minmax(0,1fr) 60px;gap:30px;border-top:1px solid var(--pm-line);padding-block:32px;scroll-margin-top:24px} .pm-number{font-size:17px;color:var(--pm-blue);padding-top:8px} .pm-offering h3{font-size:clamp(24px,3vw,37px);font-weight:500;letter-spacing:-.04em} .pm-offering p{max-width:730px;color:var(--pm-muted);margin-top:14px;font-size:18px} .pm-offering small{display:block;margin-top:22px;font-size:14px;color:#d5dade} .pm-offering>a{width:52px;height:52px;border-radius:50%;background:#292e31;display:grid;place-items:center;font-size:25px} .pm-offering>a:hover{background:var(--pm-blue);color:#101517} .pm-soft-section{background:#171d20;padding-block:85px} .pm-steps,.pm-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:55px;list-style:none;padding:0} .pm-steps li,.pm-values article{border-top:1px solid #424b50;padding-top:26px} .pm-steps span,.pm-values article>span{color:var(--pm-blue);font-size:15px} .pm-steps h3,.pm-values h3{font-size:28px;font-weight:500;margin:25px 0 15px;letter-spacing:-.035em} .pm-steps p,.pm-values p{color:var(--pm-muted);max-width:350px;font-size:17px;line-height:1.65} .pm-work-section{padding-bottom:85px} .pm-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 28px} .pm-work-wide{grid-column:1/-1} .pm-work-card figure img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;display:block;border-radius:16px} .pm-work-wide figure img{aspect-ratio:2.15} .pm-work-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:24px} .pm-work-caption .pm-kicker{margin-bottom:12px!important} .pm-work-caption h2{font-size:clamp(35px,4vw,57px)} .pm-work-caption h3{font-size:29px;font-weight:500;letter-spacing:-.04em} .pm-work-note{border-top:1px solid var(--pm-line);margin-top:65px;padding-top:36px;display:flex;justify-content:space-between;align-items:center;gap:40px} .pm-work-note p{max-width:650px;font-size:17px} .pm-work-note .pm-button{flex-shrink:0;margin:0} .pm-location{display:flex;justify-content:space-between;align-items:flex-end;gap:40px} .pm-location .pm-muted{margin-top:28px;font-size:18px;line-height:1.7} .pm-contact-section{padding-bottom:100px} .pm-contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8%} .pm-form-panel{background:#171d20;border-radius:16px;padding:40px} .pm-form-panel h2{font-size:38px} .pm-form-panel>p.pm-muted{margin-top:14px} .cx-form{display:flex;flex-direction:column;gap:24px;margin-top:36px} .cx-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .cx-field label{display:block;font-size:14px;color:#e5e9eb;margin-bottom:9px} .cx-field input,.cx-field textarea{display:block;width:100%;min-width:0;background:#101517;border:1px solid #4b555b;border-radius:7px;color:#f5f6f7;padding:14px 16px;font:inherit;min-height:52px} .cx-field input::placeholder,.cx-field textarea::placeholder{color:#9fa8ad} .cx-field input:focus,.cx-field textarea:focus{outline:2px solid #f4a85f;outline-offset:3px} .cx-field textarea{resize:vertical;min-height:145px} .cx-send{border:0;font:inherit;cursor:pointer;margin-top:0;align-self:flex-start;gap:32px} .cx-send:disabled{opacity:.65;cursor:wait} .cx-send-circle{display:inline-flex}.cx-send-circle svg{width:22px;height:22px} .cx-msg:empty{display:none}.cx-msg{font-size:16px;line-height:1.6} .pm-contact-details{padding-top:20px;min-width:0} .pm-contact-details>a,.pm-contact-details>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;border-top:1px solid var(--pm-line);padding-block:26px} .pm-contact-details>a>span:first-child,.pm-contact-details>div>span{grid-column:1/-1;font-size:14px;color:var(--pm-muted)} .pm-contact-details strong{font-size:clamp(17px,1.7vw,24px);font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere} .pm-contact-details>a:hover strong{color:#f4a85f} .pm-contact-details .pm-whatsapp{margin-top:16px;background:#292e31;border:0;border-radius:9px;padding:22px 24px} .pm-contact-details .pm-whatsapp strong{grid-column:1/-1;display:flex;justify-content:space-between} .pm-editor-content{padding-block:45px;border-top:1px solid var(--pm-line)} .pm-editor-content p+p{margin-top:16px} .pm-inner a:focus-visible,.pm-inner button:focus-visible{outline:3px solid #f4a85f;outline-offset:5px} body.pm-studio .pm-footer{border-top:1px solid var(--pm-line)} @media(max-width:1000px){.pm-contact-grid{gap:40px}.pm-form-panel{padding:28px}.pm-page-lede{gap:28px}.pm-footer>div{flex-wrap:wrap;justify-content:flex-end}} @media(max-width:768px){ .pm-inner .pm-page-hero{padding-top:40px;padding-bottom:45px} .pm-inner .pm-page-hero h1{font-size:clamp(42px,11.4vw,78px);margin:24px 0 28px} .pm-inner .pm-intro{flex-direction:column;gap:8px;font-size:13px} .pm-page-lede{flex-direction:column;align-items:flex-start;gap:26px} .pm-page-lede>p{font-size:20px} .pm-banner{margin-top:38px}.pm-banner img{aspect-ratio:1.5} .pm-page-section,.pm-soft-section{padding-block:55px} .pm-offerings{margin-top:34px}.pm-offering{grid-template-columns:28px minmax(0,1fr) 44px;gap:12px;padding-block:25px} .pm-offering>a{width:44px;height:44px}.pm-offering h3{font-size:25px}.pm-offering p{font-size:16px}.pm-offering small{font-size:13px;line-height:1.7} .pm-steps,.pm-values{grid-template-columns:1fr;gap:32px;margin-top:35px} .pm-work-grid{grid-template-columns:1fr;gap:44px}.pm-work-wide{grid-column:auto}.pm-work-wide figure img{aspect-ratio:1.5} .pm-work-caption h3{font-size:25px}.pm-work-caption{align-items:flex-start}.pm-work-caption .pm-round{width:44px;height:44px} .pm-work-note,.pm-location{flex-direction:column;align-items:flex-start;gap:26px;margin-top:40px}.pm-location{margin-top:0} .pm-contact-grid{grid-template-columns:1fr;gap:35px}.pm-contact-section{padding-bottom:55px} .pm-form-panel{padding:25px 20px}.pm-form-panel h2{font-size:31px}.cx-row2{grid-template-columns:1fr;gap:24px} body.pm-studio .pm-footer>div{justify-content:flex-start;gap:18px} } .pm-pricing>p.pm-muted{margin-top:20px} .pm-pricing .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;background:none;border:0} .pm-pricing .card{padding:28px;border:1px solid var(--pm-line);background:#171d20;border-radius:12px;box-shadow:none;transform:none} .pm-pricing .card h3{font-size:25px;font-weight:500;margin-bottom:18px;letter-spacing:-.035em} .pm-pricing .card p{color:var(--pm-muted);font-size:16px;line-height:1.65} .pm-pricing .card .price{color:#f4a85f;margin-top:24px;font-size:15px} .pm-pricing [data-reveal]{opacity:1;transform:none} @media(max-width:900px){.pm-pricing .bento{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.pm-pricing .bento{grid-template-columns:1fr}} .pm-archive{margin-top:40px} .pm-archive>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 60px 32px;gap:24px;align-items:center;border-top:1px solid var(--pm-line);padding-block:24px} .pm-archive h3{font-size:27px;font-weight:500;letter-spacing:-.035em} .pm-archive>a>span,.pm-archive small{color:var(--pm-muted)} .pm-archive>a:hover h3{color:#f4a85f} @media(max-width:600px){.pm-archive>a{grid-template-columns:minmax(0,1fr) 32px;gap:8px}.pm-archive h3{font-size:24px}.pm-archive>a>span:first-of-type{grid-column:1}.pm-archive small{grid-column:1}.pm-archive>a>span:last-of-type{grid-column:2;grid-row:1/4;text-align:right}} .pm-cinema-hero{position:relative;min-height:660px;height: min(760px,85vh);display:flex;align-items:center;isolation:isolate;overflow:hidden} .pm-cinema-image{position:absolute;inset:0;z-index:-2}.pm-cinema-image img{width:100%;height:100%;object-fit:cover;object-position:65% center} .pm-cinema-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,12,16,.88),rgba(5,12,16,.42) 55%,rgba(5,12,16,.05)),linear-gradient(0deg,#101517,transparent 35%)} .pm-cinema-copy{padding-block:65px}.pm-cinema-copy .pm-kicker{color:#eee!important;margin-bottom:28px!important} .pm-cinema-copy h1{font-size:clamp(52px,6.5vw,104px);line-height:1.04;letter-spacing:-.055em;max-width:950px;margin-bottom:32px} .pm-cinema-copy>p:not(.pm-kicker){max-width:510px;font-size:22px;line-height:1.6;color:#e5e8e9}.pm-cinema-copy .pm-button{margin-top:32px} .pm-cinema-foot{position:absolute;bottom:30px;right:5%;font-size:13px;color:#ddd} .pm-service-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 28px;margin-top:50px} .pm-service-gallery .pm-offering{display:grid;grid-template-columns:minmax(0,1fr) 40px;border:0;padding:0;gap:22px 14px;align-content:start} .pm-service-gallery .pm-offering figure{grid-column:1/-1;margin:0;overflow:hidden;border-radius:6px} .pm-service-gallery .pm-offering img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1)} .pm-service-gallery .pm-offering:hover img{transform:scale(1.045)} .pm-service-gallery .pm-offering h3{font-size:27px}.pm-service-gallery .pm-offering p{font-size:16px;line-height:1.65;margin-top:12px}.pm-service-gallery .pm-offering small{font-size:12px;line-height:1.6;color:#d3d8db;margin-top:16px}.pm-service-gallery .pm-offering>a{height:38px;width:38px;font-size:21px;background:transparent;border:1px solid #465055} .pm-poster-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#171d20} .pm-poster-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.25s ease,visibility 1.25s;transform:scale(1.025)} .pm-poster-slide:first-child{opacity:1;visibility:visible}.pm-poster-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:1}.pm-poster-slide:not(.is-active):not(:first-child){z-index:0}.pm-poster-stage:has(.is-active:not(:first-child)) .pm-poster-slide:first-child{opacity:0;visibility:hidden} .pm-work-wide .pm-poster-stage img{aspect-ratio:16/9;width:100%;height:100%;border-radius:0;object-fit:cover} .pm-poster-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.pm-poster-tabs{display:flex;gap:8px;flex-wrap:wrap} .pm-poster-controls button{font:inherit;font-size:13px;color:#d3d8db;background:transparent;border:1px solid #3d474d;border-radius:30px;padding:8px 15px;cursor:pointer;transition:background .25s,color .25s}.pm-poster-tabs button[aria-pressed=true]{background:#ee8a29;color:#101517;border-color:#ee8a29} .pm-poster-controls .pm-poster-pause{border:0;padding-right:0;white-space:nowrap} .pm-contact-details .pm-whatsapp{background:#bdf5d0;color:#073b25;padding:25px 26px;border-radius:12px;box-shadow:0 12px 36px rgba(40,180,90,.12);transition:background .25s,transform .3s} .pm-contact-details .pm-whatsapp>span:first-child{color:#235b3a}.pm-contact-details .pm-whatsapp strong{align-items:center;gap:16px;font-size:26px}.pm-whatsapp-icon{width:34px;height:34px;flex-shrink:0}.pm-whatsapp strong>span:first-of-type{flex:1}.pm-contact-details .pm-whatsapp:hover{background:#91edb1;transform:translateY(-3px)}.pm-contact-details .pm-whatsapp:hover strong{color:#073b25} .pm-banner,.pm-feature{overflow:hidden}.pm-button,.pm-round{transition:background .25s,transform .35s}.pm-button:hover,.pm-round:hover{transform:translateY(-3px)} @media(max-width:1000px){.pm-service-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-cinema-copy h1{font-size:70px}} @media(max-width:600px){.pm-cinema-hero{min-height:650px;height:auto;align-items:flex-end}.pm-cinema-image img{object-position:70% center}.pm-cinema-hero:after{background:linear-gradient(0deg,#101517 2%,rgba(5,12,16,.82) 50%,rgba(5,12,16,.1))}.pm-cinema-copy{padding-top:220px;padding-bottom:70px}.pm-cinema-copy h1{font-size:49px}.pm-cinema-copy>p:not(.pm-kicker){font-size:18px}.pm-cinema-copy .pm-kicker{font-size:13px}.pm-cinema-foot{left:20px;right:auto;bottom:20px;font-size:11px}.pm-service-gallery{grid-template-columns:1fr;gap:38px}.pm-service-gallery .pm-offering h3{font-size:27px}.pm-poster-stage{border-radius:10px}.pm-work-wide .pm-poster-stage img{aspect-ratio:16/9}.pm-poster-controls button{font-size:11px;padding:7px 10px}.pm-contact-details .pm-whatsapp strong{font-size:23px}} @media(prefers-reduced-motion:reduce){.pm-home *{scroll-behavior:auto!important;transition:none!important}.pm-poster-slide{transform:none}.pm-button:hover,.pm-round:hover,.pm-contact-details .pm-whatsapp:hover{transform:none}.pm-service-gallery .pm-offering:hover img{transform:none}} .pm-line-mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em} .pm-motion-line{display:block;transform-origin:left bottom} .pm-project-image{overflow:hidden} .pm-contact-details .pm-whatsapp{background:#171d20;color:#f5f6f7;box-shadow:none;border:1px solid #303b40;transform:none} .pm-contact-details .pm-whatsapp>span:first-child{color:#b3b9bc} .pm-contact-details .pm-whatsapp:hover{background:#1c2428;transform:none} .pm-contact-details .pm-whatsapp:hover strong{color:#f5f6f7} .pm-whatsapp-icon{color:#25d366;animation:pm-whatsapp-pulse 3s ease-in-out infinite;transform-origin:center} @keyframes pm-whatsapp-pulse{0%,65%,100%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}32%{transform:scale(1.1);filter:drop-shadow(0 0 9px rgba(37,211,102,.45))}} @media(prefers-reduced-motion:reduce){.pm-whatsapp-icon{animation:none;filter:none;transform:none}} .pm-localized .pm-home h1,.pm-localized .pm-home h2,.pm-localized .pm-home h3{letter-spacing:0;line-height:1.2;font-family:'Satoshi',Arial,sans-serif;overflow-wrap:break-word} .pm-localized .pm-home h1{font-size:clamp(44px,6.3vw,98px)} .pm-localized .pm-cinema-copy h1{max-width:1100px} .pm-localized .pm-home .pm-motion-line{line-height:inherit} html[dir=rtl] .hp-lang-dropdown{right:auto;left:0} html[dir=rtl] .pm-home{text-align:right} html[dir=rtl] .pm-cinema-hero:after{background:linear-gradient(90deg,rgba(5,12,16,.55),rgba(5,12,16,.72)),linear-gradient(0deg,#101517,transparent 35%)} html[dir=rtl] .pm-cinema-copy h1,html[dir=rtl] .pm-cinema-copy>p{margin-inline-start:0;margin-inline-end:auto} html[dir=rtl] .pm-contact-details a[href^="mailto:"],html[dir=rtl] .pm-contact-details a[href^="tel:"] strong{direction:ltr;text-align:right;unicode-bidi:isolate} html[dir=rtl] .pm-footer-brand{direction:ltr} .hp-lang-dropdown{max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain} @media(max-width:768px){.pm-localized .pm-home h1{font-size:clamp(36px,9vw,65px)}.pm-localized .pm-home h2{font-size:clamp(32px,8vw,50px)}} .pm-clients{padding:90px 0 100px;border-top:1px solid var(--pm-line);background:#101517;overflow:hidden} .pm-client-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:42px} .pm-client-heading h2{font-size:clamp(38px,4.8vw,68px);line-height:1.06;letter-spacing:-.045em;margin:16px 0 0} .pm-client-row+.pm-client-row{margin-top:30px}.pm-client-label{font-size:13px;color:#aeb6ba;margin:0 0 16px} .pm-client-window{direction:ltr;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)} .pm-client-track{display:flex;width:max-content;animation:pm-client-loop var(--pm-loop-time) linear infinite;will-change:transform} .pm-client-reverse .pm-client-track{animation-direction:reverse} .pm-client-group{display:flex;flex:none;gap:14px;list-style:none;margin:0;padding:0 14px 0 0} .pm-client-logo{width:176px;height:106px;display:flex;align-items:center;justify-content:center;background:#292e31;border-radius:6px;padding:19px 22px;flex:none} .pm-client-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:1;transition:filter .4s ease} .pm-client-logo:hover img{filter:grayscale(0);mix-blend-mode:normal;opacity:1} .pm-studio-address .pm-directions{grid-column:1/-1;justify-self:start;margin:8px 0 0;min-height:48px;padding:14px 20px;gap:26px;font-size:14px}.pm-directions>span:first-child{font-size:inherit}.pm-contact-details a[href^="tel:"] strong{direction:ltr;unicode-bidi:isolate} @keyframes pm-client-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(max-width:600px){.pm-clients{padding:60px 0}.pm-client-heading{align-items:flex-start;flex-direction:column;margin-bottom:32px}.pm-client-logo{width:146px;height:92px;padding:16px 19px}.pm-client-group{gap:12px;padding-right:12px}} @media(prefers-reduced-motion:reduce){.pm-client-track{animation:none;transform:none}.pm-client-group[aria-hidden=true]{display:none}.pm-client-window{overflow-x:auto;mask-image:none}.pm-client-logo img{transition:none}} .pm-sheet{position:relative;isolation:isolate;--sheet-bg:#101517;--edge:0;min-height:100vh;background:linear-gradient(to bottom,transparent 59px,var(--sheet-bg) 59px)} .pm-sheet-first{background:var(--sheet-bg)} .pm-sheet-body{display:flow-root;min-height:100vh;transform-origin:50% 75%;padding-top:60px;padding-bottom:24px} .pm-sheet-first>.pm-sheet-body{padding-top:0} .pm-sheet-body>section.pm-page-section{border-top:0} .pm-sheet-cap{position:absolute;inset:0 0 auto;width:100%;height:60px;overflow:visible;pointer-events:none;z-index:2;filter:drop-shadow(0 -12px 20px rgba(0,0,0,.35))} .pm-cap-fill{fill:var(--sheet-bg)}.pm-cap-edge{fill:none;stroke:#ee8a29;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:var(--edge)} .pm-banner-media{overflow:hidden;border-radius:16px;aspect-ratio:2.4} .pm-banner-media img{width:100%;height:100%;object-fit:cover} body.page-template-template-about .pm-page-hero{padding-bottom:134px} .pm-banner figcaption{position:relative;padding-top:18px;line-height:1.5} @media(max-width:768px){.pm-banner-media{aspect-ratio:1.5}body.page-template-template-about .pm-page-hero{padding-bottom:85px}} body.home .pm-wrap{width:min(1440px,calc(100% - 128px))} body.home .hp-nav{padding-inline:max(64px,calc((100vw - 1440px)/2))} body.home .pm-hero{padding-top:64px;padding-bottom:64px} body.home .pm-hero-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:26px 0 44px} body.home .pm-hero-heading h1{font-size:clamp(56px,5.4vw,88px);margin:0;max-width:950px;line-height:1.06} body.home .pm-hero-actions{flex-shrink:0;gap:12px;padding-bottom:6px} body.home .pm-hero-actions .pm-button{padding:18px 22px} body.home .pm-hero-film{display:block;width:100%;aspect-ratio:2.05;grid-column:auto;grid-row:auto;border-radius:18px;overflow:hidden;position:relative} body.home .pm-hero-film img{width:100%;height:100%;object-fit:cover;object-position:center 42%} body.home .pm-hero-copy{display:grid;grid-template-columns:1.3fr 1fr;align-items:start;gap:12%;max-width:none;margin-top:48px} body.home .pm-hero-copy>p:first-of-type{font-size:clamp(25px,2.4vw,34px);max-width:650px;margin:0} body.home .pm-hero-copy p+p{margin:4px 0 0;font-size:17px;max-width:430px} body.home .pm-hero-foot{margin-top:40px;padding-bottom:0} body.home .pm-projects{margin-top:0;border-radius:0;padding-block:88px} body.home .pm-about,body.home .pm-services,body.home .pm-clients{padding-block:88px} body.home .pm-contact{margin:0;border-radius:0;padding-block:88px} body.home .pm-sheet,body.home .pm-sheet-body{min-height:0} body.home .pm-sheet-body{padding-bottom:112px} body.home .pm-sheet-first>.pm-sheet-body{padding-bottom:96px} @media(min-width:900px) and (max-width:1350px){ body.home .pm-hero-heading{display:block} body.home .pm-hero-actions{margin-top:28px} } @media(max-width:899px){ body.home .pm-wrap{width:calc(100% - 48px)} body.home .hp-nav{padding-inline:24px} body.home .pm-hero{padding-top:40px;padding-bottom:56px} body.home .pm-hero-heading{display:block;margin:24px 0 32px} body.home .pm-hero-heading h1{font-size:clamp(43px,7.5vw,66px)} body.home .pm-hero-actions{margin-top:26px} body.home .pm-hero-film{aspect-ratio:1.45;border-radius:12px} body.home .pm-hero-copy{grid-template-columns:1fr;gap:20px;margin-top:32px} body.home .pm-hero-copy>p:first-of-type{font-size:26px} body.home .pm-projects,body.home .pm-about,body.home .pm-services,body.home .pm-clients,body.home .pm-contact{padding-block:64px} body.home .pm-hero-foot{margin-top:32px} } @media(max-width:480px){ body.home .pm-hero-heading h1{font-size:clamp(39px,10.6vw,50px)} body.home .pm-hero-actions .pm-button{padding:16px 18px;min-height:54px;font-size:13px;gap:14px} body.home .pm-feature-caption{inset:auto 18px 18px;font-size:17px} } body:is(.page-template-template-work,.page-template-template-services,.page-template-template-about) .pm-sheet, body:is(.page-template-template-work,.page-template-template-services,.page-template-template-about) .pm-sheet-body{min-height:0} body:is(.page-template-template-work,.page-template-template-services,.page-template-template-about) .pm-sheet-body{padding-bottom:112px} body:is(.page-template-template-work,.page-template-template-services,.page-template-template-about) .pm-sheet-first>.pm-sheet-body{padding-bottom:96px} body:is(.page-template-template-work,.page-template-template-services,.page-template-template-about) :is(.pm-page-section,.pm-soft-section,.pm-clients){padding-block:88px} body:is(.page-template-template-work,.page-template-template-services,.page-template-template-about) .pm-contact{padding-block:88px;margin:0;border-radius:0} body.page-template-template-work .pm-page-hero{padding-bottom:88px} @media(max-width:899px){ body:is(.page-template-template-work,.page-template-template-services,.page-template-template-about) :is(.pm-page-section,.pm-soft-section,.pm-clients,.pm-contact){padding-block:64px} body.page-template-template-work .pm-page-hero{padding-bottom:56px} } body.page-template-template-services .pm-cinema-hero{overflow:hidden;clip-path:inset(0);background:#101517} body.page-template-template-services .pm-cinema-image{overflow:hidden;clip-path:inset(0)} body.page-template-template-services .pm-cinema-image img{display:block} .pm-work-media{overflow:hidden;clip-path:inset(0 round 16px);border-radius:16px;aspect-ratio:1.65;isolation:isolate} .pm-work-card .pm-work-media img{height:100%;aspect-ratio:auto;border-radius:0} .pm-work-details{padding-block:88px} .pm-work-details>.pm-work-caption{margin-top:0;margin-bottom:48px} .pm-work-section .pm-work-grid{gap:0} @media(max-width:899px){.pm-work-details{padding-block:64px}.pm-work-details>.pm-work-caption{margin-bottom:36px}} body.home .hp-nav{position:absolute;inset:0 0 auto;width:100%;z-index:100;background:transparent;border:0} body.home .pm-hero.pm-video-hero{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100svh;padding:140px 0 96px;isolation:isolate;overflow:hidden;background:#101517;color:#fff} .pm-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none} .pm-video-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.24) 24%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.4))} body.home .pm-video-hero-content{position:relative;text-align:center;width:calc(100% - 80px);max-width:1800px} body.home .pm-video-hero h1{font-family:'Satoshi','Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(72px,16vw,288px);line-height:1.05;letter-spacing:-.065em;white-space:nowrap;max-width:none;margin:0;color:#fff;direction:ltr} .pm-video-location{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(13px,1.2vw,18px);line-height:1.5;letter-spacing:.07em;margin:20px 0 0;color:#fff} body.home .pm-sheet-first:has(.pm-video-hero)>.pm-sheet-body{padding-bottom:0} @media(max-width:899px){ body.home .pm-hero.pm-video-hero{min-height:100svh;padding:120px 0 96px} body.home .pm-video-hero-content{width:calc(100% - 32px)} body.home .pm-video-hero h1{font-size:17vw} .pm-video-location{margin-top:16px;font-size:13px} } .pm-video-hero::after{content:"";position:absolute;inset:-8%;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;animation:pm-film-grain .8s steps(1,end) infinite;will-change:transform} @keyframes pm-film-grain{ 0%,100%{transform:translate(0,0)} 16%{transform:translate(-2%,1%)} 33%{transform:translate(1%,-2%)} 50%{transform:translate(-1%,-1%)} 66%{transform:translate(2%,2%)} 83%{transform:translate(1%,-1%)} } .pm-video-hero.pm-video-is-paused::after{animation-play-state:paused} @media(prefers-reduced-motion:reduce){.pm-video-hero::after{animation:none;will-change:auto}} .pm-hero-talk{position:absolute;bottom:32px;right:40px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:56px;padding:14px 24px;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:transparent;color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .2s ease,background-color .2s ease} .pm-hero-talk span{font-size:22px;line-height:1} .pm-hero-talk:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff} .pm-hero-talk:focus-visible{outline:2px solid #fff;outline-offset:5px} @media(max-width:899px){.pm-hero-talk{right:24px;bottom:24px;min-height:52px;padding:12px 20px;gap:26px}} .pm-hero-word{display:inline-flex;white-space:nowrap} .pm-hero-letter-mask{display:inline-block;overflow:hidden;padding-bottom:.2em;margin-bottom:-.2em} .pm-hero-letter{display:inline-block} @media(prefers-reduced-motion:reduce){.pm-hero-video{transform:none}} .pm-hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;min-width:64px;padding:6px 10px;color:#fff;text-decoration:none;z-index:1} .pm-scroll-track{position:relative;display:block;width:24px;height:38px;border:1px solid rgba(255,255,255,.65);border-radius:20px} .pm-scroll-dot{position:absolute;top:8px;left:50%;width:4px;height:7px;margin-left:-2px;border-radius:4px;background:#f58b20;box-shadow:0 0 9px rgba(245,139,32,.55);animation:pm-scroll-invitation 2s cubic-bezier(.4,0,.2,1) infinite} .pm-scroll-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.2;letter-spacing:.15em;text-transform:uppercase} .pm-scroll-arrow{font-size:17px;line-height:1;transition:transform .25s ease} .pm-hero-scroll:hover{color:#fff} .pm-hero-scroll:hover .pm-scroll-track{border-color:#f58b20} .pm-hero-scroll:hover .pm-scroll-arrow{transform:translateY(3px)} .pm-hero-scroll:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:6px} @keyframes pm-scroll-invitation{0%,15%{transform:translateY(0);opacity:1}65%{transform:translateY(13px);opacity:0}66%,100%{transform:translateY(0);opacity:0}} @media(max-width:899px){.pm-hero-scroll{bottom:96px}} @media(prefers-reduced-motion:reduce){.pm-scroll-dot{animation:none}.pm-scroll-arrow{transition:none}} body.home .pm-video-hero h1{text-shadow:0 2px 22px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.45)} .pm-hero-assemble .pm-hero-letter-mask{overflow:visible} .pm-hero-assemble .pm-hero-letter{transform-origin:center center;backface-visibility:hidden} .pm-work-video-hero{position:relative;isolation:isolate;overflow:hidden;background:#101517} .pm-work-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2} .pm-work-video-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,13,.82),rgba(5,10,13,.48)),linear-gradient(0deg,rgba(5,10,13,.5),transparent);z-index:-1} .pm-work-hero-copy{position:relative} .pm-work-wide .pm-poster-stage video{display:block;width:100%;height:100%;object-fit:cover} .pm-contact-details>.pm-contact-phones{display:block;padding:6px 0} .pm-contact-phones>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:18px 0;border-bottom:1px solid var(--pm-line)} .pm-contact-phones>a:last-child{border-bottom:0} .pm-contact-phones>a>span:first-child{grid-column:1/-1;color:var(--pm-muted);font-size:13px} .pm-contact-phones strong{font-size:clamp(18px,1.5vw,22px);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate} .pm-contact-phones>a:hover strong{color:#f4a85f} .pm-contact-phones>a:focus-visible{outline:2px solid #f4a85f;outline-offset:4px} body.page-template-template-work .hp-nav{position:absolute;inset:0 0 auto;width:100%;z-index:100;background:transparent;border:0} body.page-template-template-work .pm-work-video-hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 140px;box-sizing:border-box} .pm-work-video-hero:before{background:rgba(0,0,0,.05)} .pm-work-video-hero .pm-work-hero-copy{width:min(1440px,calc(100% - 128px));text-shadow:0 2px 18px rgba(0,0,0,.65)} .pm-work-video-hero .pm-intro{color:#fff} .pm-work-video-hero .pm-hero-scroll{bottom:26px} .pm-contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-content:start;padding-top:0} .pm-contact-details>.pm-kicker,.pm-contact-details>a[href^="mailto:"],.pm-contact-details>.pm-studio-address,.pm-contact-details>.pm-whatsapp{grid-column:1/-1} .pm-contact-details>.pm-kicker{margin-bottom:14px!important} .pm-contact-details>a,.pm-contact-details>div{padding-block:18px} .pm-contact-details>.pm-contact-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;grid-column:1/-1;padding:0;border-top:0} .pm-contact-phones>a{padding:16px 0;gap:6px 8px;border-top:1px solid var(--pm-line);border-bottom:0} .pm-contact-phones strong{font-size:clamp(16px,1.25vw,20px);letter-spacing:-.025em;white-space:nowrap} .pm-contact-details>.pm-whatsapp{margin-top:6px;padding:18px 20px} .pm-contact-details>div:not(.pm-contact-phones){grid-column:1/-1} @media(max-width:899px){.pm-work-video-hero .pm-work-hero-copy{width:calc(100% - 48px)}body.page-template-template-work .pm-work-video-hero{padding:110px 0 130px}.pm-contact-details,.pm-contact-details>.pm-contact-phones{column-gap:16px}} @media(max-width:420px){.pm-contact-phones strong{font-size:15px}.pm-contact-phones>a>span:first-child{font-size:12px}.pm-contact-phones>a{column-gap:4px}.pm-contact-details>.pm-contact-phones{column-gap:12px}} body.page-template-template-work .pm-work-video-hero{align-items:flex-end;padding:150px 0 150px} .pm-work-video-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 75%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 75%),rgba(0,0,0,.15)} body.page-template-template-work .pm-work-video-hero h1{font-size:clamp(64px,8.8vw,140px);font-weight:900;line-height:.94;letter-spacing:-.06em;margin:26px 0 32px;max-width:1000px} .pm-work-video-hero .pm-work-hero-copy{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4)} .pm-work-video-hero .pm-intro{justify-content:flex-start;gap:26px;align-items:center;font-size:13px} .pm-work-video-hero .pm-intro>span{border-left:1px solid rgba(255,255,255,.5);padding-left:26px} .pm-work-video-hero .pm-page-lede{align-items:flex-end} .pm-work-video-hero .pm-page-lede>p{max-width:520px;font-size:clamp(18px,1.6vw,23px);line-height:1.5} .pm-work-video-hero .pm-text-link{flex-shrink:0;color:#fff} .pm-work-video-hero::after{content:"";position:absolute;inset:-8%;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;animation:pm-film-grain .8s steps(1,end) infinite;will-change:transform} @media(max-width:899px){body.page-template-template-work .pm-work-video-hero{padding:130px 0 130px}.pm-work-video-hero .pm-intro{gap:14px;font-size:12px}.pm-work-video-hero .pm-intro>span{padding-left:14px}body.page-template-template-work .pm-work-video-hero h1{font-size:clamp(54px,10.8vw,92px)}.pm-work-video-hero .pm-page-lede{gap:20px}} @media(prefers-reduced-motion:reduce){.pm-work-video-hero::after{animation:none;will-change:auto}} body.page-template-template-work .pm-work-video-hero{align-items:flex-start;padding:clamp(140px,15svh,190px) 0 150px} .pm-work-video-hero:before{background:linear-gradient(120deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.24) 28%,transparent 65%),rgba(0,0,0,.10)} body.page-template-template-work .pm-work-video-hero h1{font-weight:300;font-size:clamp(64px,8vw,128px);line-height:1.04;letter-spacing:-.045em;margin:28px 0 30px;color:#fff;text-shadow:none;background:linear-gradient(120deg,#fff 15%,#f8f3e7 55%,#c8ba8b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent} .pm-work-video-hero .pm-work-hero-copy{filter:drop-shadow(0 2px 12px rgba(0,0,0,.28))} .pm-work-video-hero .pm-page-lede{max-width:720px;align-items:flex-start;gap:36px} .pm-work-video-hero .pm-page-lede>p{font-size:clamp(17px,1.35vw,21px);max-width:470px} @media(max-width:899px){body.page-template-template-work .pm-work-video-hero{padding:130px 0 140px}body.page-template-template-work .pm-work-video-hero h1{font-size:clamp(52px,10vw,88px);margin:24px 0}.pm-work-video-hero .pm-page-lede{gap:20px}} @media(forced-colors:active){body.page-template-template-work .pm-work-video-hero h1{background:none;-webkit-text-fill-color:CanvasText}} .pm-work-video-hero>.pm-work-hero-talk{position:absolute;right:40px;bottom:38px;z-index:2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)} @media(max-width:899px){.pm-work-video-hero>.pm-work-hero-talk{right:24px;bottom:28px}} .pm-work-video-hero>.pm-work-hero-talk{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:15px 24px;border:1px solid rgba(255,255,255,.7);border-radius:4px;background:rgba(0,0,0,.08);font-size:15px;text-decoration:none;backdrop-filter:blur(4px)} .pm-work-video-hero>.pm-work-hero-talk:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff} .pm-work-video-hero>.pm-work-hero-talk:focus-visible{outline:2px solid #fff;outline-offset:5px} .pm-work-video-hero::after{z-index:0;opacity:.075;mix-blend-mode:soft-light} .pm-work-video-hero .pm-work-hero-copy{z-index:1} @media(max-width:899px){.pm-work-video-hero>.pm-work-hero-talk{min-height:52px;padding:12px 20px;gap:26px}} .pm-contact-verification{margin-top:22px;max-width:100%;min-height:65px} .hp-lang-globe{flex-shrink:0;display:block}.hp-search-submit{margin-top:24px}.hp-search-input{padding-right:44px}.hp-search-overlay{z-index:1000} .pm-guide-page{padding-top:130px;padding-bottom:80px;color:#f5f6f7}.pm-guide-article{background:#101517;color:#f5f6f7;border-radius:12px;overflow:hidden}.pm-guide-image{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}.pm-guide-text{max-width:820px;padding:56px 48px 64px;margin:auto}.pm-guide-kicker{font-size:14px;color:#b6b8b5}.pm-guide-text .pm-guide-title{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-.04em;margin:18px 0 24px;font-weight:500}.pm-guide-lead{font-size:22px!important;color:#e6e5df!important;line-height:1.55!important}.pm-guide-text h2{font-size:29px;line-height:1.25;margin:44px 0 18px;font-weight:500}.pm-guide-text h3{font-size:20px;margin:28px 0 10px;font-weight:500}.pm-guide-text p,.pm-guide-text li{font-size:18px;line-height:1.75;color:#c8cdce}.pm-guide-text ul{padding-left:22px}.pm-guide-text li{margin:8px 0}.pm-guide-note{font-size:14px!important;border-top:1px solid #333a3e;padding-top:22px;margin-top:30px}.pm-guide-text .pm-button{margin-top:26px}.pm-guide-related{margin-top:48px}.pm-guide-related h2{font-size:26px}.pm-guide-related a{display:inline-block;margin:12px 22px 0 0;color:#b9ab77}.pm-guide-results{padding-top:44px;padding-bottom:70px}.pm-guide-results>h2{font-size:36px}.pm-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:30px}.pm-guide-card{text-decoration:none;color:inherit}.pm-guide-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.pm-guide-card h3{font-size:26px;line-height:1.25;margin:20px 0 12px}.pm-guide-card p{font-size:17px;line-height:1.6}.pm-guide-card span{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:12px}.pm-guide-dialog{width:min(980px,calc(100% - 48px));max-height:90svh;border:1px solid #333a3e;border-radius:12px;padding:0;background:#101517;color:#f5f6f7;overscroll-behavior:contain}.pm-guide-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.pm-guide-dialog-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;background:#101517;padding:16px 24px;border-bottom:1px solid #333a3e}.pm-guide-dialog-bar a{color:#c2b582}.pm-guide-dialog-bar button{border:1px solid #687174;background:transparent;color:#fff;padding:10px 16px;border-radius:4px;cursor:pointer}.pm-guide-card:focus-visible,.pm-guide-dialog-bar a:focus-visible{outline:2px solid #ee8a29;outline-offset:5px} @media(max-width:700px){.pm-guide-grid{grid-template-columns:1fr}.pm-guide-text{padding:28px 24px 40px}.pm-guide-text p,.pm-guide-text li{font-size:17px}.pm-guide-lead{font-size:20px!important}.pm-guide-dialog{width:100%;max-width:100%;height:100svh;max-height:100svh;margin:0;border-radius:0}.pm-guide-image{aspect-ratio:16/10}.pm-guide-page{padding-top:100px}.pm-guide-dialog-bar{padding:12px 18px}} .pm-guide-image{height:clamp(180px,26vw,300px)}body:has(.pm-guide-dialog[open]){overflow:hidden}.pm-guide-dialog .pm-guide-text{padding-top:30px}.pm-guide-dialog .pm-guide-title{margin-top:12px} .pm-guide-dialog{margin:auto}.pm-guide-dialog .pm-guide-title{font-size:clamp(32px,4vw,48px)}@media(max-width:700px){.pm-guide-dialog{margin:0}.pm-guide-dialog .pm-guide-title{font-size:34px}} .pm-guide-page{max-width:1120px}.pm-guide-text{max-width:850px}.pm-guide-text .pm-guide-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin:32px 0 42px}.pm-guide-text .pm-guide-title{max-width:18ch}.pm-guide-text h3{color:#f5f6f7}.pm-guide-text p{margin:0 0 18px}.pm-guide-text ul{margin:0 0 26px}.pm-guide-card img{height:auto;aspect-ratio:16/9}.pm-guide-text .pm-guide-lead{margin-bottom:28px}.pm-guide-results{scroll-margin-top:100px} .hp-search-toggle{display:inline-flex;align-items:center;gap:8px;width:auto;min-width:44px}.hp-search-label{font:inherit;font-size:13px}.hp-search-toggle svg{width:18px;height:18px;flex-shrink:0}@media(max-width:480px){.hp-logo .pm-company-logo{width:120px}.hp-search-toggle{gap:5px}.hp-search-label{font-size:12px}} body.home.pm-localized .pm-video-hero h1{font-size:clamp(52px,12vw,220px);letter-spacing:-.025em;direction:inherit}html[dir="rtl"] .pm-video-location{direction:rtl}@media(max-width:768px){body.home.pm-localized .pm-video-hero h1{font-size:12vw}} html[lang="ja"] .pm-home,html[lang="ja"] .pm-home :is(h1,h2,h3){font-family:'Satoshi','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif} html[lang="zh"] .pm-home,html[lang="zh"] .pm-home :is(h1,h2,h3){font-family:'Satoshi','PingFang SC','Microsoft YaHei',sans-serif} html:is([lang="ja"],[lang="zh"]) .pm-home p{line-height:1.85} html:is([lang="ja"],[lang="zh"]) .hp-menu-link{white-space:nowrap} @media(min-width:769px){html:is([lang="ja"],[lang="zh"]) .hp-menu-links{gap:20px}} .pm-service-gallery .pm-offering{position:relative} .pm-offering-detail::after{content:'';position:absolute;inset:0;z-index:1} .pm-offering:has(.pm-offering-detail:focus-visible){outline:2px solid #ee8a29;outline-offset:8px} .pm-guide-editorial{border-radius:0;overflow:visible;background:transparent} .pm-guide-back{display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;border:1px solid #566064;border-radius:4px;color:#f5f6f7;text-decoration:none;font-size:15px} .pm-guide-back:hover{border-color:#ee8a29;color:#ee8a29} .pm-guide-hero{max-width:900px;padding:52px 0 38px} .pm-guide-hero .pm-guide-title{font-size:clamp(40px,5.6vw,78px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:18px 0 26px;max-width:20ch} .pm-guide-hero .pm-guide-lead{max-width:64ch} .pm-guide-cover{margin:0 0 64px} .pm-guide-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px} .pm-guide-cover figcaption{color:#929c9f;font-size:12px;margin-top:12px} .pm-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;align-items:start} .pm-guide-layout .pm-guide-text{max-width:none;padding:0;margin:0;min-width:0} .pm-guide-text section{border-top:1px solid #333a3e;padding:30px 0;scroll-margin-top:110px} .pm-guide-text section h2{margin:0 0 20px;font-size:29px} .pm-guide-process{padding-left:26px;margin:0}.pm-guide-process li{padding:0 0 15px 10px}.pm-guide-process li::marker{color:#ee8a29;font-size:15px}.pm-guide-process h3{margin-top:20px} .pm-guide-rail{position:sticky;top:110px;border-left:1px solid #333a3e;padding-left:28px} .pm-guide-rail nav{display:grid;gap:16px}.pm-guide-rail nav p{color:#959fa2;font-size:13px;margin:0}.pm-guide-rail nav a{color:#d9dee0;font-size:15px;text-decoration:none}.pm-guide-rail nav a:hover{color:#ee8a29} .pm-guide-rail>div{margin-top:44px}.pm-guide-rail h2{font-size:26px;font-weight:500;line-height:1.25}.pm-guide-rail p{font-size:15px;line-height:1.7;color:#aeb7ba}.pm-guide-rail .pm-button{margin-top:12px;padding:16px 18px;font-size:14px} .pm-guide-enquiry{margin-top:60px;padding:44px;background:#ee8a29;color:#101517;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center} .pm-guide-enquiry h2{font-size:clamp(30px,4vw,46px);line-height:1.15;font-weight:500;max-width:20ch;margin:12px 0 20px}.pm-guide-enquiry p{line-height:1.7;max-width:52ch}.pm-guide-actions{display:grid;gap:16px}.pm-guide-actions .pm-button{background:#101517;color:#fff}.pm-guide-actions .pm-guide-back{color:#101517;border-color:#101517;justify-content:center}.pm-guide-actions .pm-guide-back:hover{background:#101517;color:#fff} @media(max-width:850px){.pm-guide-layout{grid-template-columns:1fr;gap:36px}.pm-guide-rail{position:static;border-left:0;padding:28px;border:1px solid #333a3e;border-radius:6px}.pm-guide-rail nav{display:none}.pm-guide-rail>div{margin-top:0}.pm-guide-enquiry{grid-template-columns:1fr;padding:28px;gap:20px}.pm-guide-hero{padding-top:34px}.pm-guide-cover{margin-bottom:38px}} .pm-service-gallery .pm-offering:hover>.pm-offering-detail, .pm-service-gallery .pm-offering>.pm-offering-detail:focus-visible{background:#ee8a29;border-color:#ee8a29;color:#101517} .pm-guide-rail .pm-button{position:relative;overflow:hidden;isolation:isolate} .pm-guide-rail .pm-button::after{content:'';position:absolute;inset:-40% auto -40% -70%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);pointer-events:none;animation:pm-project-sheen 7s ease-in-out infinite} .pm-guide-rail .pm-button span{transition:transform .25s ease} .pm-guide-rail .pm-button:hover span,.pm-guide-rail .pm-button:focus-visible span{transform:translate(3px,-3px)} @keyframes pm-project-sheen{0%,72%{left:-70%;opacity:0}75%{opacity:1}88%{left:140%;opacity:1}89%,100%{left:140%;opacity:0}} @media(prefers-reduced-motion:reduce){.pm-guide-rail .pm-button::after{animation:none;display:none}.pm-guide-rail .pm-button span{transition:none}.pm-guide-rail .pm-button:hover span{transform:none}} :is(body.home,body.pm-studio){--font-display:'Satoshi',Arial,sans-serif;--font-body:'Satoshi',Arial,sans-serif;--font-mono:ui-monospace,monospace} :is(body.home,body.pm-studio) :is(.hp-lang-btn,.hp-lang-menu,.hp-search-input,.hp-search-panel,input,textarea,select,button){font-family:inherit}