@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:"Pinyon Script";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pinyon-script.woff2) format("woff2")}

body{margin:0;background:#0E0F11}
a{color:#C9C6BF}a:hover{color:#FFFFFF}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes slide{to{transform:translateX(-50%)}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rv{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.12s}.d2{animation-delay:.28s}.d3{animation-delay:.44s}.d4{animation-delay:.6s}
.line{transform-origin:left;animation:draw 1.2s .5s cubic-bezier(.2,.7,.2,1) both}
.track{animation:slide 38s linear infinite}
@supports (animation-timeline: view()){.sv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}
.lift{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.lift:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(11,11,12,.12)}
.btn{border-radius:999px;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.btn:hover{box-shadow:0 10px 24px rgba(14,15,17,.22)}
article.lift{border-radius:20px;border:1px solid #E6E4DF}
.tile{border-radius:20px;overflow:hidden}
.media{border-radius:24px;overflow:hidden}
input,textarea{border-radius:14px}
.ccard{transition:transform .3s,border-color .3s,box-shadow .3s}
.ccard:hover{transform:translateY(-3px);border-color:#4A4844;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.works-wrap{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-overflow-scrolling:touch}
.works-wrap::-webkit-scrollbar{display:none}
.works-wrap.dragging{cursor:grabbing}
.arrow{transition:background .3s,transform .3s}
.arrow:hover{transform:translateY(-2px)}
.work{flex:none;width:260px;margin-right:20px;display:flex;flex-direction:column;gap:10px}
.grid-works .work{width:auto;margin-right:0}
.work.wide{width:578px}
.grid-works .work.wide{width:auto;grid-column:span 2}
@media (max-width: 560px){.work.wide{width:320px}.grid-works .work.wide{grid-column:auto}}
.logos{animation:slide 32s linear infinite}
.logos>.logo{margin-right:20px}
.fade:hover .logos{animation-play-state:paused}
.fade{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logo{border-radius:16px;filter:grayscale(1);opacity:.8;transition:opacity .3s}
.logo:hover{opacity:1}
.label{display:inline-flex;align-items:center;gap:10px}
.label::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.btn:hover{transform:translateY(-2px)}
.navlink{transition:color .25s}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(30,132,73,.55)}70%{box-shadow:0 0 0 16px rgba(30,132,73,0)}100%{box-shadow:0 0 0 0 rgba(30,132,73,0)}}
.wa{animation:rise .8s 1.2s both,pulse 2.6s 2.2s infinite;transition:transform .3s}
.wa:hover{transform:scale(1.05)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.recdot{animation:blink 1.6s ease-in-out infinite}
input:focus,textarea:focus{outline:2px solid #C8B68E;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.rv,.sv,.line,.track,.wa,.logos,.works{animation:none!important}.works-wrap{overflow-x:auto!important}.lift,.btn{transition:none}}

[hidden]{display:none!important}
.works-wrap{scroll-behavior:auto}
#lb[hidden]{display:none!important}
html{scroll-behavior:smooth}
[data-stats] .cnt,[data-stats] .cnt+span{white-space:nowrap}
@media (max-width: 640px){nav .navlink{display:none}}
.legal{font-size:16px;line-height:1.7;color:#3F3D38;overflow-wrap:anywhere}
.legal h2{margin:40px 0 8px;font-size:24px;font-weight:600;letter-spacing:-.01em;color:#16171A}
.legal h3{margin:28px 0 6px;font-size:18px;font-weight:600;color:#16171A}
.legal h4{margin:20px 0 4px;font-size:16px;font-weight:600;color:#16171A}
.legal p{margin:0 0 12px}.legal ul{margin:0 0 12px;padding-left:22px}
.legal a{color:#75602F}.legal .src{margin-top:32px;font-size:13px;color:#5A5750}
a:focus-visible,button:focus-visible{outline:2px solid #C8B68E;outline-offset:3px}