:root { --theme:#e8a45d; --black:#101d28; --bg:#132430; --text:#d2dce1; --border:#ffffff24; }
body { background:#101d28; }
.bg-noise,.bg-lines,.mouse-follower { display:none!important; }
.header-area-1 .header-main { background:#101d28ed; backdrop-filter:blur(14px); }
.header-area-1 .logo-text { letter-spacing:.11em; font-weight:800; }
.header-area-1 .main-menu a { font-size:14px; }
.hero-agency { background:#101d28; padding-top:160px; padding-bottom:96px; }
.hero-agency::before { content:""; position:absolute; inset:auto 0 0; height:1px; background:#ffffff1f; }
.hero-agency__subtitle { background:none; border:0; padding:0; border-radius:0; color:#e8a45d; letter-spacing:.18em; font-size:12px; margin-bottom:24px; }
.hero-agency__title { font-family:var(--font_instrument),sans-serif; font-size:clamp(52px,6vw,92px); font-weight:700; letter-spacing:-.055em; line-height:1.01; text-transform:none; margin-bottom:30px; }
.hero-agency__title span { background:none; -webkit-text-fill-color:initial; color:#e8a45d; }
.hero-agency__title span::after { display:none; }
.hero-agency__text { color:#d2dce1; max-width:550px; font-size:19px; line-height:1.6; margin-bottom:34px; }
.hero-agency__buttons { gap:24px; }
.hero-agency__buttons .btn-main-primary .text { background:#e8a45d; color:#101d28; border-radius:4px; font-weight:700; }
.hero-agency__buttons .btn-main-primary:hover .text { background:#fff0da; }
.hero-agency__text-link { display:inline-flex; align-items:center; gap:12px; color:#fff; font-weight:600; border-bottom:1px solid #e8a45d; padding:10px 0; }
.hero-agency__text-link:hover { color:#e8a45d; }
.hero-agency__visual { min-height:0; display:block; }
.mediaglyph-hero-photo { position:relative; margin:0; aspect-ratio:4/5; max-height:600px; overflow:hidden; border-radius:5px; box-shadow:20px 20px 0 #1b3440; }
.mediaglyph-hero-photo img { width:100%; height:100%; object-fit:cover; object-position:58% center; display:block; }
.mediaglyph-hero-photo figcaption { position:absolute; left:0; right:0; bottom:0; padding:28px 30px 24px; background:linear-gradient(transparent,#07131ccf); color:#fff; font-size:14px; letter-spacing:.03em; }
.mediaglyph-hero-photo figcaption span { color:#e8a45d; font-weight:700; margin-right:10px; }
.about-agency__image { border-radius:5px; overflow:hidden; }
.about-agency__image img { object-fit:cover; object-position:center; }
.about-agency__image-badge { background:#e8a45d; color:#101d28; }
.about-agency__image-badge .number,.about-agency__image-badge .label { color:#101d28; }
.section-top__title,.about-agency__title { letter-spacing:-.025em; }
.project-list__item { border-color:#ffffff20; }
.project-list__title { font-size:clamp(28px,3vw,46px); }
.project-hover-reveal__img { object-fit:cover; }
.solutions__main-thumb img { object-fit:cover; }
.contact__shapes,.contact__bg-shape { display:none; }
a:focus-visible,button:focus-visible { outline:2px solid #e8a45d; outline-offset:4px; }
@media(max-width:1199px) { .hero-agency__title { font-size:clamp(48px,6vw,72px); } }
@media(max-width:991px) { .hero-agency { padding-top:130px; } .hero-agency__visual { margin-top:10px; } .mediaglyph-hero-photo { aspect-ratio:16/10; max-height:none; } }
@media(max-width:575px) { .hero-agency { padding-top:110px; padding-bottom:72px; } .hero-agency__title { font-size:clamp(43px,11vw,62px); } .hero-agency__text { font-size:17px; } .hero-agency__buttons { align-items:flex-start; flex-direction:column; gap:14px; } .mediaglyph-hero-photo { aspect-ratio:4/5; box-shadow:10px 10px 0 #1b3440; } .mediaglyph-hero-photo figcaption { padding:20px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }