.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:border-color .2s,background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header.scrolled{border-color:#00000026;background:#0b0b0b99}.site-header .row{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;font-weight:800;letter-spacing:.08em}.logo svg{width:26px;margin-top:-16px}.nav{display:flex;gap:18px}.nav a{padding:8px 10px;border-radius:8px;border:1px solid transparent;transition:border-color .25s cubic-bezier(.2,.8,.2,1),background .25s cubic-bezier(.2,.8,.2,1)}.nav a:hover{border-color:#00000026;background:#ffffff08}.hero{display:flex;align-items:flex-end;padding-top:128px;padding-bottom:0!important;background-image:url(/assets/AlexanderVasilenkoNoBG-DvBspAHV.jpg);background-size:contain;background-repeat:no-repeat;background-position-x:center;background-position-y:bottom;height:93vh}.hero .title-xl{margin:16px 0 8px;letter-spacing:-.02em}.cta{display:flex;gap:12px;margin-top:16px}.btn{padding:12px 16px;border:1px solid rgba(0,0,0,.15);border-radius:12px;font-weight:600;background:#ffffff0f;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s cubic-bezier(.2,.8,.2,1)}.btn:hover{transform:translateY(-1px);background:#ffffff1a}.link{padding:12px}.marquee{overflow:hidden;white-space:nowrap}.track{display:flex;animation:slide 10s linear infinite;font-size:220px}.row{display:flex;gap:24px;padding:12px 24px}.row span{opacity:.8;text-transform:uppercase;font-size:12px;letter-spacing:.12em}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-129%)}}.projects{grid-template-columns:repeat(12,1fr)}#work{background-color:#eaeaea;color:#999d9e;color:#0b0b0b}#work .muted{color:#0b0b0b}.projects .card{background:#ffffff05;border:1px solid black;border-radius:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s cubic-bezier(.2,.8,.2,1),border-color .25s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-columns:1fr;grid-column:span 12;overflow:hidden;box-shadow:#00000059 0 5px 15px}.projects .card:hover{transform:translateY(-2px);background:#ffffff0a;border-color:#ffffff1f}@media (min-width: 800px){.projects .card{grid-column:span 6}.projects .card:nth-child(3n){grid-column:span 12}}.thumb{aspect-ratio:16/9;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.meta h3{margin:0 0 4px}.tags{display:flex;gap:8px;flex-wrap:wrap;opacity:.9}.tags span{font-size:12px;padding:6px 8px;border:1px solid rgba(0,0,0,.15);border-radius:999px}.about{display:grid;gap:24px;grid-template-columns:1fr}#about{background-color:#0b0b0b}@media (min-width: 900px){.about{grid-template-columns:1.2fr .8fr}}.about .text p{margin-top:8px}.about ul{margin:12px 0 0;padding-left:18px}.about li{margin:6px 0;color:#cfcfcf}.services{grid-template-columns:repeat(12,1fr)}#services{background-color:#0b0b0b}.services .card{background:#ffffff05;border:1px solid black;border-radius:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s cubic-bezier(.2,.8,.2,1),border-color .25s cubic-bezier(.2,.8,.2,1);padding:20px;grid-column:span 12;background:#ffffff0a;border-color:#ffffff1f}.services .card:hover{transform:translateY(-2px);background:#ffffff0a;border-color:#ffffff1f}@media (min-width: 800px){.services .card{grid-column:span 4}}.contact{text-align:center}.contact .cta{justify-content:center}#contact{background-color:#000}footer{background-color:#000}.footer{border-top:1px solid rgba(0,0,0,.15);padding:24px 0 40px}.footer .row{display:flex;align-items:center;justify-content:space-between}.footer small{color:#cfcfcf}.info{display:grid;gap:24px;grid-template-columns:1fr}#info{background-color:#0b0b0b}@media (min-width: 900px){.info{grid-template-columns:1.2fr .8fr}}.info .text p{margin-top:8px}.info ul{margin:12px 0 0;padding-left:18px}.info li{margin:6px 0;color:#cfcfcf}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fact{display:grid;place-items:center;border:1px solid #cfcfcf;border-radius:16px;padding:24px 12px;background:#ffffff05}.fact span{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1}.fact small{color:#cfcfcf;margin-top:8px}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;background:#999d9e;color:#eaeaea;line-height:1.6}a{color:inherit;text-decoration:none}.site main{overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:#ffffff08;font-size:12px;letter-spacing:.02em;text-transform:uppercase}.section{padding:96px 0}.title-xl{font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(40px,6.5vw,96px)}.title-lg{font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(28px,4vw,48px)}.title-md{font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(22px,3vw,32px)}.muted{color:#cfcfcf}.grid{display:grid;gap:24px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}
