:root{--pad:6%;--accent:#00eaa3;--accent-ink:#00eaa3;--line:#dce8e1}section, #ekibimiz{scroll-margin-top:100px}.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{top:23%}.hero-copy h1{font-size:clamp(48px,6vw,94px);line-height:1.02;letter-spacing:-3px}.entry-actions{display:flex;gap:14px}.brand-button{background:#00eaa3;color:white}.hero-bottom{justify-content:space-between}.hero-bottom strong{font-size:14px}#video-pause{color:white;border:1px solid #ffffff70;background:#002c1b40;padding:12px;font-size:11px}.h-references{padding:65px 0 45px;background:#fff}.h-reference-head{padding:0 6% 30px}.h-reference-head h2{font-size:34px}.h-logo-window{overflow:hidden}.h-logo-track{display:flex;width:max-content;animation:logos 65s linear infinite}.h-logo-group{display:flex;align-items:center;list-style:none;padding:0;margin:0}.h-reference-item{width:190px;padding:20px 30px}.h-reference-logos img{display:block;width:130px;height:65px;object-fit:contain;filter:grayscale(1);opacity:.8}.h-logo-window:hover .h-logo-track,.h-logo-window:focus-within .h-logo-track{animation-play-state:paused}@keyframes logos{to{transform:translateX(-50%)}}.new-projects{padding:70px 0 50px;border-top:1px solid #e5eee9;background:#fff}.p-frame-link{border-radius:0}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:35px;color:#68756e;font-size:11px}.gallery-controls button{width:44px;height:44px;border:1px solid #c5dacf;background:white;color:#00eaa3;border-radius:50%;font-size:22px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.r-team{padding:80px 6%;background:#f2f7f4}.games-team{background:#fff}.r-collection-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.r-collection-head p{max-width:350px}.r-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 25px}.team-photo{aspect-ratio:3/4;overflow:hidden;background:#ddd}.team-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .4s}.team-photo:hover img{transform:scale(1.025)}.team-member h3{font-size:18px;font-weight:600;margin:17px 0 6px}.team-member p{font-size:12px;margin:0}.r-contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:85px 6%;background:linear-gradient(90deg,#edf7f2 50%,white 50%)}.r-contact .contact-title{font-size:clamp(40px,4.5vw,72px);line-height:1.05;margin:25px 0}.r-email{font-size:clamp(20px,2vw,29px);color:#00eaa3;display:block;margin:30px 0}.contact-person{font-style:normal;border:1px solid #c8dfd2;padding:30px;margin-top:40px;background:#fff}.contact-person-head{display:flex;justify-content:space-between}.contact-person h2{font-size:32px}.contact-person-role{font-size:12px}.contact-person-links a{display:flex;flex-direction:column;gap:8px;margin-top:20px}.contact-person-links span{font-size:10px;color:#68756e}.contact-person-links strong{font-size:16px;font-weight:500}.contact-person-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3ece7;margin-top:25px;padding-top:25px;font-size:10px}.contact-person-footer img{width:120px;height:auto}.r-contact-info{margin-top:25px;font-size:12px}.r-contact-form h2{font-size:37px}.r-contact label{font-size:12px;color:#294337;margin-top:24px}.r-contact input,.r-contact textarea,.r-contact select{color:#18251f;border-bottom:1px solid #b9d4c7;padding:14px 0;font-size:14px}.r-contact input::placeholder,.r-contact textarea::placeholder{color:#82998d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.r-contact .button{background:#00eaa3;color:#fff;border:0;padding:17px 28px;width:auto;margin-top:25px;font-size:13px}.r-contact #form-status{font-size:13px}.r-contact #form-status[data-state=error]{color:#a02222}.r-contact #form-status[data-state=success]{color:#126144}.r-contact [hidden]{display:none!important}.r-contact button:disabled{opacity:.6;cursor:wait}dialog .close{box-shadow:0 2px 10px #0004}
@media(max-width:1000px){.r-team-grid{grid-template-columns:repeat(3,1fr)}.hero-bottom .scroll{display:none}.r-contact{gap:6%}.contact-person{padding:20px}}
@media(max-width:700px){section,#ekibimiz{scroll-margin-top:76px}.hero{min-height:590px;height:calc(100svh - 76px);max-height:820px}.hero-copy{top:22%}.hero-copy h1{font-size:clamp(42px,10vw,64px);letter-spacing:-2px}.entry-actions{gap:10px;flex-wrap:wrap}.entry-actions .white-button{padding:16px;font-size:11px;gap:15px}.hero-bottom strong{font-size:11px;max-width:190px;display:block}.hero-bottom .small{font-size:8px;letter-spacing:1px}#video-pause{font-size:9px;max-width:110px}.h-references{padding:40px 0 20px}.h-reference-head h2{font-size:28px}.h-reference-item{width:145px;padding:15px}.h-reference-logos img{width:115px;height:50px}.new-projects{padding-top:45px}.r-team{padding:55px 6%}.r-collection-head{display:block;margin-bottom:30px}.r-collection-head h2{font-size:35px}.r-collection-head p{font-size:12px}.r-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.team-member h3{font-size:14px}.team-member p{font-size:10px}.r-contact{grid-template-columns:1fr;background:#f2f7f4;gap:50px;padding:55px 6%}.r-contact .contact-title{font-size:44px}.r-contact input,.r-contact textarea,.r-contact select{font-size:16px}.form-grid{grid-template-columns:1fr}.contact-person-footer img{width:100px}.contact-person-links strong{overflow-wrap:anywhere}.gallery-controls{margin-top:20px}.p-frame-title h2{letter-spacing:-.6px}}
@media(prefers-reduced-motion:reduce){.h-logo-track{animation:none}.h-logo-window{overflow-x:auto}.h-logo-group[aria-hidden]{display:none}}

/* Velovis brand: luminous green for fills, darker green for readable text. */
:root{--accent:#00eaa3;--accent-hover:#00ce90;--accent-ink:#007f59}
.brand-button,.r-contact .button{background:var(--accent);color:#141414}
.brand-button:hover,.r-contact .button:hover{background:var(--accent-hover)}
.gallery-controls button,.r-email{color:var(--accent-ink)}
.gallery-controls button:hover{background:var(--accent);color:#141414;border-color:var(--accent)}

/* Crisp client marks: full opacity, true black and no enlarged tiny bitmaps. */
.h-logo-window{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.h-logo-window::-webkit-scrollbar{display:none}
.h-logo-track{animation:none;transform:none}
.h-reference-item{width:210px;flex:0 0 210px;padding:20px 24px}
.h-reference-logos{height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}
.h-reference-logos img{display:block;width:156px;height:60px;object-fit:contain;filter:brightness(0);opacity:1;image-rendering:auto}
.h-reference-logos .reference-name{font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;color:#222;letter-spacing:0}
.h-reference-logos img[src$="bekahan-hd.png"]{width:22px;height:18px;margin:21px 0}
.h-reference-logos img[src$="tual-project.png"]{width:40px;height:39px;margin:10.5px 0}
.h-reference-logos img[src$="arsavev.png"]{width:134px}
.h-reference-logos img[src$="hdo-360.png"]{width:109px}
.h-reference-logos img[src*="/vantage.svg"]{filter:none}
@media(max-width:700px){.h-reference-item{width:185px;flex-basis:185px;padding:16px}.h-reference-logos img{max-width:145px}.h-reference-logos .reference-name{font-size:10px}}