@font-face { font-family: "Inter"; src: url("../fonts/inter-300.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-500.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-600.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-800.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-900.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("../fonts/space-grotesk-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("../fonts/space-grotesk-500.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("../fonts/space-grotesk-600.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("../fonts/space-grotesk-700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
:root { --background-color:#0d0d0d; --foreground-color:#f2f2f2; --card-color:#171717; --primary-color:#d9d9d9; --secondary-color:#333333; --muted-color:#1f1f1f; --muted-foreground-color:#808080; --accent-color:#262626; --border-color:#292929; --overlay-color:#000000; --background-color-rgb:13,13,13; --foreground-color-rgb:242,242,242; --card-color-rgb:23,23,23; --primary-color-rgb:217,217,217; --secondary-color-rgb:51,51,51; --muted-color-rgb:31,31,31; --muted-foreground-color-rgb:128,128,128; --accent-color-rgb:38,38,38; --border-color-rgb:41,41,41; --overlay-color-rgb:0,0,0; --radius:8px; }
html { scroll-behavior:smooth; overflow-x:hidden; }
body.pavel-belyayev-body { margin:0; background:var(--background-color); color:var(--foreground-color); font-family:"Inter",sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
*,*::before,*::after { box-sizing:border-box; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
img,video,iframe { display:block; max-width:100%; }
.pb-site-shell { min-height:100vh; background:var(--background-color); color:var(--foreground-color); overflow-x:hidden; max-width:100%; }
.pb-container { width:min(calc(100% - 2rem),48rem); margin-left:auto; margin-right:auto; }
.pb-container--copy { max-width:48rem; }
.pb-container--wide { width:min(calc(100% - 2rem),64rem); }
.pb-section { position:relative; padding:4rem 0 5rem; }
.pb-eyebrow { margin:0 0 .75rem; color:var(--muted-foreground-color); font-size:.875rem; line-height:1.25rem; letter-spacing:.3em; text-transform:uppercase; }
.pb-eyebrow--light { color:rgba(var(--foreground-color-rgb),.8); }
.pb-section-title,.pb-hero__title,.pb-navbar__brand,.pb-footer h3 { font-family:"Space Grotesk",sans-serif; }
.pb-section-title { margin:0; font-size:1.875rem; line-height:1.15; font-weight:700; }
.pb-section-title--inline { display:inline-block; position:relative; }
.pb-navbar { position:fixed; top:1rem; left:50%; z-index:50; width:calc(100% - 2rem); max-width:48rem; transform:translateX(-50%); border:1px solid rgba(var(--foreground-color-rgb),.1); border-radius:9999px; backdrop-filter:blur(24px); background:rgba(var(--foreground-color-rgb),.03); box-shadow:0 8px 32px rgba(0,0,0,.4); transition:background-color .3s ease,border-color .3s ease; animation:pb-navbar-enter .9s cubic-bezier(.22,1,.36,1) .2s both; }
body.admin-bar .pb-navbar { top:calc(32px + 1rem); }
@media screen and (max-width:782px) { body.admin-bar .pb-navbar { top:calc(46px + 1rem); } }
.pb-navbar.is-scrolled { background:rgba(var(--background-color-rgb),.8); }
.pb-navbar__inner { display:flex; align-items:center; justify-content:space-between; min-height:3rem; padding:0 1.25rem; }
.pb-navbar__brand { display:inline-flex; align-items:center; gap:.5rem; font-size:.875rem; line-height:1.25rem; font-weight:700; letter-spacing:-.025em; }
.pb-navbar__links { display:none; align-items:center; gap:2rem; }
.pb-navbar__links a,.pb-mobile-menu__link { color:var(--muted-foreground-color); transition:color .3s ease; }
.pb-navbar__links a:hover,.pb-mobile-menu__link:hover,.pb-footer a:hover,.pb-hero__cta:hover { color:var(--foreground-color); }
.pb-navbar__links a { font-size:.875rem; line-height:1.25rem; font-weight:500; }
.pb-navbar__toggle { position:relative; display:inline-flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border:0; background:transparent; color:var(--foreground-color); transition:transform .2s ease; }
.pb-navbar__toggle:active { transform:scale(.9); }
.pb-navbar__toggle-icon { position:absolute; transition:opacity .2s ease,transform .2s ease; }
.pb-navbar__toggle-icon--close { opacity:0; transform:scale(.8); }
.pb-navbar.is-open .pb-navbar__toggle-icon--menu { opacity:0; transform:scale(.8); }
.pb-navbar.is-open .pb-navbar__toggle-icon--close { opacity:1; transform:scale(1); }
.pb-mobile-menu { max-height:0; opacity:0; overflow:hidden; padding:0 1.25rem; border-top:1px solid transparent; border-radius:0 0 1rem 1rem; background:rgba(var(--background-color-rgb),.9); backdrop-filter:blur(24px); transition:max-height .25s ease-in-out,opacity .25s ease-in-out,border-color .25s ease-in-out,padding .25s ease-in-out; }
.pb-navbar.is-open .pb-mobile-menu { max-height:220px; opacity:1; padding:.75rem 1.25rem 1.25rem; border-top-color:rgba(var(--foreground-color-rgb),.1); }
.pb-mobile-menu__link { display:block; font-size:1rem; line-height:1.5rem; font-weight:500; padding:.25rem 0; opacity:0; transform:translateX(-20px); transition:opacity .2s ease,transform .2s ease,color .3s ease; transition-delay:0s; }
.pb-navbar.is-open .pb-mobile-menu__link { opacity:1; transform:translateX(0); }
.pb-navbar.is-open .pb-mobile-menu__link:nth-child(1){transition-delay:.05s}.pb-navbar.is-open .pb-mobile-menu__link:nth-child(2){transition-delay:.1s}.pb-navbar.is-open .pb-mobile-menu__link:nth-child(3){transition-delay:.15s}.pb-navbar.is-open .pb-mobile-menu__link:nth-child(4){transition-delay:.2s}.pb-navbar.is-open .pb-mobile-menu__link:nth-child(5){transition-delay:.25s}
.pb-hero { position:relative; display:flex; align-items:center; justify-content:center; min-height:100vh; overflow:hidden; }
.pb-hero__video,.pb-hero__overlay { position:absolute; inset:0; }
.pb-hero__video { width:100%; height:100%; object-fit:cover; filter:grayscale(1); }
.pb-hero__overlay { background:rgba(var(--overlay-color-rgb),.6); }
.pb-hero__content { position:relative; z-index:1; text-align:center; }
.pb-hero__stack > * { opacity:0; transform:translateY(30px); transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1); }
.pb-hero__stack > *:nth-child(1){transition-delay:.1s}.pb-hero__stack > *:nth-child(2){transition-delay:.25s}.pb-hero__stack > *:nth-child(3){transition-delay:.4s}.pb-hero__stack > *:nth-child(4){transition-delay:.55s}.pb-hero__stack > *:nth-child(5){transition-delay:.7s}
.js-hero-content.is-visible .pb-hero__stack > * { opacity:1; transform:translateY(0); }
.pb-hero__title { margin:0 0 1.5rem; font-size:3rem; line-height:1.05; letter-spacing:-.04em; font-weight:700; }
.pb-hero__description { margin:0 auto 4rem; max-width:32rem; color:rgba(var(--foreground-color-rgb),.7); font-size:1.125rem; line-height:1.75rem; }
.pb-hero__cta { display:inline-flex; align-items:center; gap:.5rem; color:rgba(var(--foreground-color-rgb),.7); font-size:.875rem; line-height:1.25rem; transition:color .3s ease; }
.pb-about__gradient { position:absolute; inset:0; background:linear-gradient(to bottom,transparent,rgba(var(--muted-color-rgb),.2),transparent); }
.pb-about__content,.pb-contact__content { position:relative; z-index:1; }
.pb-about__heading-wrap { margin-bottom:2rem; }
.pb-about__content > .js-reveal:nth-child(1){transition-delay:0s}.pb-about__content > .js-reveal:nth-child(2){transition-delay:.18s}.pb-about__content .pb-about__copy > .js-reveal:nth-child(1){transition-delay:.36s}.pb-about__content .pb-about__copy > .js-reveal:nth-child(2){transition-delay:.54s}.pb-about__content .pb-about__copy > .js-reveal:nth-child(3){transition-delay:.72s}
.pb-about__underline { position:absolute; left:0; bottom:-.5rem; display:block; width:0; height:3px; border-radius:9999px; background:linear-gradient(to right,rgba(var(--primary-color-rgb),.6),rgba(var(--primary-color-rgb),0)); transition:width .8s ease .5s; }
.pb-about__underline.is-visible { width:100%; }
.pb-about__copy { display:grid; gap:1.25rem; color:var(--muted-foreground-color); line-height:1.75; }
.pb-portfolio__intro { margin-bottom:3rem; }
.pb-portfolio__title-row { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; }
.pb-portfolio__divider { display:none; height:1px; flex:1; background:rgba(var(--border-color-rgb),1); transform:scaleX(0); transform-origin:left center; transition:transform .7s ease .4s; }
.pb-portfolio__divider.is-visible { transform:scaleX(1); }
.pb-portfolio__description,.pb-contact__description,.pb-footer p { color:var(--muted-foreground-color); line-height:1.75; }
.pb-portfolio__description { max-width:32rem; margin:0; }
.pb-portfolio__featured { margin-bottom:1.5rem; }
.pb-portfolio__grid { display:grid; grid-template-columns:1fr; gap:1.5rem; margin-bottom:3rem; }
.pb-video-card { border-radius:.75rem; transition:transform .3s ease,box-shadow .3s ease; }
.pb-video-card:hover { transform:scale(1.02); }
.pb-video-card__inner { position:relative; overflow:hidden; border:1px solid rgba(var(--border-color-rgb),.5); border-radius:.75rem; background:rgba(var(--card-color-rgb),.4); backdrop-filter:blur(6px); transition:border-color .3s ease; }
.pb-video-card:hover .pb-video-card__inner { border-color:rgba(var(--primary-color-rgb),.3); }
.pb-video-card__number { position:absolute; top:.75rem; left:.75rem; z-index:2; padding:.25rem .625rem; border:1px solid rgba(var(--border-color-rgb),.5); border-radius:.375rem; background:rgba(var(--background-color-rgb),.8); backdrop-filter:blur(6px); }
.pb-video-card__number span { color:var(--muted-foreground-color); font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:.75rem; }
.pb-video-card__media { position:relative; aspect-ratio:16 / 9; }
.pb-video-card__media iframe { width:100%; height:100%; border:0; }
.pb-video-card__footer { padding:.75rem 1rem; border-top:1px solid rgba(var(--border-color-rgb),.3); }
.pb-video-card__footer p { margin:0; color:var(--muted-foreground-color); font-size:.875rem; }
.pb-portfolio__cta { text-align:center; }
.pb-button { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; white-space:nowrap; border-radius:9999px; font-size:.875rem; line-height:1.25rem; font-weight:500; transition:all .3s ease; outline:none; }
.pb-button:focus-visible,.pb-field input:focus-visible,.pb-field textarea:focus-visible { box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),1),0 0 0 4px rgba(var(--background-color-rgb),1); }
.pb-button--solid { min-height:2.5rem; padding:.5rem 2rem; border:0; background:var(--primary-color); color:var(--background-color); }
.pb-button--solid:hover { box-shadow:0 4px 24px rgba(0,110,255,.5),0 0 48px rgba(0,110,255,.25); }
.pb-button--outline { min-height:2.5rem; padding:.5rem 2rem; border:1px solid rgba(var(--border-color-rgb),1); background:var(--background-color); color:var(--foreground-color); }
.pb-button--outline:hover { border-color:rgba(var(--foreground-color-rgb),.3); }
.pb-button:disabled { opacity:.5; pointer-events:none; }
.pb-contact { overflow:hidden; }
.pb-contact__texture,.pb-contact__glow { position:absolute; inset:0; pointer-events:none; }
.pb-contact__texture { background-position:center; background-size:cover; opacity:.08; filter:grayscale(1) blur(4px); }
.pb-contact__glow { background:radial-gradient(ellipse at center,rgba(var(--foreground-color-rgb),.05) 0%,transparent 70%); }
.pb-contact__title { margin-bottom:1rem; }
.pb-contact__description { margin:0 0 2.5rem; }
.pb-form { margin-bottom:2.5rem; display:grid; gap:1.5rem; }
.pb-form__row { display:grid; grid-template-columns:1fr; gap:1rem; }
.pb-field { display:grid; gap:.5rem; }
.pb-field label { font-size:.875rem; line-height:1; font-weight:500; }
.pb-field input,.pb-field textarea { width:100%; border:1px solid rgba(var(--border-color-rgb),1); border-radius:calc(var(--radius) - 2px); background:var(--background-color); color:var(--foreground-color); padding:.5rem .75rem; outline:none; transition:box-shadow .2s ease,border-color .2s ease; }
.pb-field input { min-height:2.5rem; font-size:1rem; }
.pb-field textarea { min-height:140px; font-size:.875rem; resize:vertical; }
.pb-field ::placeholder { color:var(--muted-foreground-color); }
.pb-contact__actions { display:flex; flex-wrap:wrap; gap:1rem; }
.pb-footer { border-top:1px solid rgba(var(--border-color-rgb),.5); background:linear-gradient(to bottom,rgba(var(--foreground-color-rgb),.02),transparent); }
.pb-footer__top { padding:3.5rem 0; }
.pb-footer__grid { display:grid; grid-template-columns:1fr; gap:3rem; }
.pb-footer__column h3 { margin:0 0 1rem; color:var(--foreground-color); font-size:1.125rem; line-height:1.75rem; font-weight:600; letter-spacing:-.02em; }
.pb-footer__column p { margin:0; font-size:.875rem; }
.pb-footer__links { margin:0; padding:0; list-style:none; display:grid; gap:.5rem; font-size:.875rem; }
.pb-footer__links a,.pb-footer__contact-link,.pb-footer__bottom a,.pb-footer__bottom span { color:var(--muted-foreground-color); transition:color .3s ease; }
.pb-footer__links a { display:inline-flex; align-items:center; gap:.5rem; }
.pb-footer__contact-list { display:grid; gap:.75rem; }
.pb-footer__contact-link { display:inline-flex; align-items:center; gap:.75rem; font-size:.875rem; }
.pb-footer__contact-icon { display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:9999px; background:rgba(var(--foreground-color-rgb),.05); transition:transform .3s ease,background-color .3s ease; }
.pb-footer__contact-link:hover .pb-footer__contact-icon { transform:scale(1.1); background:rgba(var(--foreground-color-rgb),.1); }
.pb-footer__separator { width:100%; height:1px; margin-left:2.75rem; background:rgba(var(--border-color-rgb),.3); }
.pb-footer__bottom { border-top:1px solid rgba(var(--border-color-rgb),.5); }
.pb-footer__bottom-inner { display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:1rem; padding:1.5rem 0; }
.pb-footer__bottom-inner span,.pb-footer__bottom-inner a { font-size:.75rem; }
.pb-toast { position:fixed; right:1rem; bottom:1rem; z-index:60; opacity:0; transform:translateY(20px); pointer-events:none; transition:opacity .3s ease,transform .3s ease; }
.pb-toast.is-visible { opacity:1; transform:translateY(0); }
.pb-toast__inner { min-width:260px; max-width:360px; padding:1rem 1rem .875rem; border:1px solid rgba(var(--border-color-rgb),1); border-radius:1rem; background:rgba(var(--card-color-rgb),.95); box-shadow:0 20px 40px rgba(0,0,0,.35); }
.pb-toast__title { display:block; margin-bottom:.375rem; }
.pb-toast__description { margin:0; color:var(--muted-foreground-color); font-size:.875rem; line-height:1.5; }
.pb-icon { width:1rem; height:1rem; }
.js-submit-loading { display:none; }
[data-customize-text]:empty::before,
.pb-video-card__footer p:empty::before { content:"\00a0"; }
.js-reveal,.js-underline,.js-divider { opacity:0; transform:translateY(20px) scale(.98); transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1); }
.js-reveal.js-reveal--contact { opacity:0; transform:translateY(30px); transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1); }
.js-reveal.js-reveal--cta { opacity:0; transform:translateY(20px) scale(.9); transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.34,1.56,.64,1); transition-delay:.2s; }
.js-reveal.js-reveal-card { opacity:0; transform:translateY(30px) scale(.95) rotate(-1deg); transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1); }
.pb-portfolio__grid .js-reveal-card:nth-child(1){transition-delay:0s}.pb-portfolio__grid .js-reveal-card:nth-child(2){transition-delay:.2s}.pb-portfolio__grid .js-reveal-card:nth-child(3){transition-delay:.4s}.pb-portfolio__grid .js-reveal-card:nth-child(4){transition-delay:.6s}.pb-portfolio__grid .js-reveal-card:nth-child(5){transition-delay:.8s}.pb-portfolio__grid .js-reveal-card:nth-child(6){transition-delay:1s}
.js-reveal.js-reveal-card.is-visible { opacity:1; transform:translateY(0) scale(1) rotate(0); }
.js-underline,.js-divider { opacity:1; transform:none; }
.js-reveal.is-visible,.js-reveal.js-reveal--contact.is-visible,.js-reveal.js-reveal--cta.is-visible { opacity:1; transform:translateY(0) scale(1); }
@keyframes pb-navbar-enter { from { opacity:0; transform:translate(-50%,-30px); } to { opacity:1; transform:translate(-50%,0); } }
@media (max-width:767px) { .pb-container,.pb-container--copy,.pb-container--wide { width:100%; max-width:100%; margin-left:auto; margin-right:auto; padding-left:1rem; padding-right:1rem; box-sizing:border-box; } .pb-hero__content,.pb-about__content,.pb-contact__content { text-align:center; } .pb-hero__description,.pb-portfolio__description { margin-left:auto; margin-right:auto; } .pb-navbar { left:1.25rem; right:1.5rem; width:auto; transform:none; max-width:none; } .pb-navbar__inner { padding-top:0.75rem; padding-bottom:0.75rem; padding-left:1.25rem; padding-right:1.25rem; } @keyframes pb-navbar-enter { from { opacity:0; transform:translateY(-30px); } to { opacity:1; transform:translateY(0); } } .pb-hero__title { font-size:2.25rem; word-break:break-word; } main,.pb-section { overflow-x:hidden; } .pb-video-card__media { overflow:hidden; } .pb-footer__separator { margin-left:0; max-width:100%; } }
@media (min-width:640px) { .pb-hero__title { font-size:3.75rem; } .pb-section-title { font-size:2.25rem; } .pb-portfolio__divider { display:block; } .pb-form__row { grid-template-columns:repeat(2,minmax(0,1fr)); } .pb-footer__bottom-inner { flex-direction:row; } }
@media (min-width:768px) { .pb-navbar__links { display:inline-flex; } .pb-navbar__toggle { display:none; } .pb-mobile-menu { display:none; } .pb-portfolio__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pb-footer__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px) { .pb-container,.pb-container--copy,.pb-container--wide { width:min(calc(100% - 4rem),64rem); } .pb-container--copy { width:min(calc(100% - 4rem),48rem); } .pb-hero__title { font-size:4.5rem; } .pb-section { padding-top:5rem; padding-bottom:5rem; } }