<!DOCTYPE html><html lang="ru"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Геодезическая компания по натуральному камню: мрамор, гранит, травертин. Монтаж камня под ключ в Москве, доставка с карьера напрямую, сертификат ГОСТ, гарантия 2 года, бесплатный замер, шоурум."><meta name="robots" content="index, follow, max-image-preview:large"><meta name="theme-color" content="#2C2520"><link rel="canonical" href="https://geographica.ru/"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/x-icon" href="/favicon.ico"><title>Природный камень в Москве — монтаж под ключ с гарантией | Географика</title><meta property="og:title" content="Природный камень в Москве — монтаж под ключ с гарантией | Географика"><meta property="og:description" content="Геодезическая компания по натуральному камню: мрамор, гранит, травертин. Монтаж камня под ключ в Москве, доставка с карьера напрямую, сертификат ГОСТ, гарантия 2 года, бесплатный замер, шоурум."><meta property="og:url" content="https://geographica.ru/"><meta property="og:type" content="website"><meta property="og:locale" content="ru_RU"><meta property="og:site_name" content="Географика"><meta property="og:image" content="https://geographica.ru/og/index.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Природный камень в Москве — монтаж под ключ с гарантией | Географика"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://geographica.ru/"><meta name="twitter:title" content="Природный камень в Москве — монтаж под ключ с гарантией | Географика"><meta name="twitter:description" content="Геодезическая компания по натуральному камню: мрамор, гранит, травертин. Монтаж камня под ключ в Москве, доставка с карьера напрямую, сертификат ГОСТ, гарантия 2 года, бесплатный замер, шоурум."><meta name="twitter:image" content="https://geographica.ru/og/index.png"><link rel="preconnect" href="https://mc.yandex.ru" crossorigin><link rel="preconnect" href="https://www.googletagmanager.com" crossorigin><link rel="preload" href="/_astro/playfair-display-cyrillic-400-normal.CjW2EstV.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_astro/playfair-display-cyrillic-600-normal.oLY6jnZ7.woff2" as="font" type="font/woff2" crossorigin><script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://geographica.ru/#localbusiness","name":"Географика","legalName":"ООО \"ГЕОГРАФИКА\"","description":"Генподрядчик по натуральному камню: поставка, изготовление и монтаж мрамора, гранита, травертина и других камней.","url":"https://geographica.ru","telephone":"+7 (499) 113-43-13","email":"info@geographica.ru","foundingDate":"2006","address":{"@type":"PostalAddress","streetAddress":"Москва, БЦ Россия, Волгоградский пр-т, 26с1, офис 807","addressLocality":"Москва","addressRegion":"Москва","postalCode":"109316","addressCountry":"RU"},"geo":{"@type":"GeoCoordinates","latitude":55.726325,"longitude":37.680931},"areaServed":[{"@type":"City","name":"Москва"},{"@type":"State","name":"Московская область"}],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"10:00","closes":"20:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Saturday","Sunday"],"opens":"10:00","closes":"18:00","description":"Замеры по предварительной записи"}],"priceRange":"от 1 500 ₽/м² до 120 000 ₽/м²","image":"https://geographica.ru/images/og-default.jpg","logo":"https://geographica.ru/favicon.svg","sameAs":["https://t.me/geographica_stone","https://wa.me/74991131104"],"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","bestRating":"5","worstRating":"1","reviewCount":"10"},"review":[{"@type":"Review","author":{"@type":"Person","name":"Фёдорова Екатерина Юрьевна"},"reviewBody":"Заказывали каминный портал из мрамора Bianco Carrara по индивидуальному эскизу нашего дизайнера. Сложная работа — резные элементы, каннелюры, арочный проём. «Географика» изготовила всё точно по чертежам, каждая деталь подогнана идеально. Монтаж прошёл за один день, мастера приехали с запасом крепежа и клея. Портал стал украшением гостиной. Отдельно отмечу, что менеджер Елена помогла подобрать мрамор с минимальными серыми прожилками — именно такой тон мы хотели. Великолепная работа.","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1},"datePublished":"2025-10-18"},{"@type":"Review","author":{"@type":"Person","name":"Григорьев Максим Олегович"},"reviewBody":"Облицовывали ресепшн и переговорную в офисе ониксом с LED-подсветкой за панелями. Эффект потрясающий — камень светится изнутри, создаёт атмосферу премиального пространства. Проект был непростой: оникс — хрупкий материал, слэбы тонкие, нужна ювелирная точность. Команда «Географики» подошла основательно — сначала сделали пробный монтаж на складе, убедились, что свет проходит равномерно, и только потом приступили к работе на объекте. Клиенты и партнёры, приходя в офис, всегда обращают внимание на стены. Лучшее вложение в имидж компании.","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1},"datePublished":"2025-04-14"},{"@type":"Review","author":{"@type":"Person","name":"Иванов Алексей Сергеевич"},"reviewBody":"Заказывали облицовку фасада загородного дома травертином Classico — около 280 квадратных метров. От первого замера до финальной приёмки прошло три месяца, всё точно по графику. Камень подобрали отличный — тёплый, однородный по тону. Монтажники работали аккуратно, швы ровные, подрезка чистая. Отдельно благодарю менеджера Дмитрия, который держал нас в курсе на каждом этапе. Фасад смотрится шикарно, соседи уже спрашивают контакты. Рекомендую «Географику» без оговорок.","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1},"datePublished":"2025-09-15"},{"@type":"Review","author":{"@type":"Person","name":"Кузнецова Ольга Дмитриевна"},"reviewBody":"Столешница из Emperador Dark для кухни-острова — 3,2 метра единым полотном. Переживала за транспортировку такого большого изделия, но ребята привезли и установили без единого скола. Камень потрясающий: глубокий тёмно-коричневый цвет с золотистыми прожилками. Кромка обработана с фаской, всё гладкое, приятное на ощупь. Дали подробные рекомендации по уходу и пропитке. Столешница служит уже полгода — ни пятен, ни царапин. Спасибо за профессионализм!","reviewRating":{"@type":"Rating","ratingValue":5,"bestRating":5,"worstRating":1},"datePublished":"2025-08-10"},{"@type":"Review","author":{"@type":"Person","name":"Морозов Игорь Константинович"},"reviewBody":"Мостили двор и подъездные дорожки гранитной брусчаткой — около 350 квадратов. Камень хороший, брусчатка ровная, цвет однородный. Монтаж в целом качественный, но в одном месте пришлось переделать дренажный уклон — заметили лужу после первого дождя. Бригада приехала и исправила в течение двух дней, без дополнительной оплаты. За оперативное решение проблемы — плюс. Результатом доволен, двор выглядит солидно. Ставлю четвёрку из-за того первого недочёта, но компания в целом достойная.","reviewRating":{"@type":"Rating","ratingValue":4,"bestRating":5,"worstRating":1},"datePublished":"2025-06-05"}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://geographica.ru/#website","name":"Географика","url":"https://geographica.ru","description":"Изделия из натурального камня с монтажом под ключ","inLanguage":"ru","publisher":{"@type":"Organization","name":"Географика","url":"https://geographica.ru"}}</script><link rel="stylesheet" href="/_astro/Footer.CrPAKHvJ.css">
<style>#reviews-track[data-astro-cid-h3xzfrp5]{scrollbar-width:none;-ms-overflow-style:none}#reviews-track[data-astro-cid-h3xzfrp5]::-webkit-scrollbar{display:none}
</style></head> <body class="bg-bg-page text-text-primary font-body antialiased">  <a href="#main" class="skip-link">Перейти к содержимому</a>  <header class="sticky top-0 z-50 bg-white border-b border-border" style="backdrop-filter: blur(8px); background: rgba(255,255,255,0.95);" data-astro-cid-qlfjksao> <div class="max-w-7xl mx-auto flex items-center justify-between py-4 px-5 lg:px-20" data-astro-cid-qlfjksao> <a href="/" class="flex items-center shrink-0" aria-label="Географика — на главную" data-astro-cid-qlfjksao> <span class="inline-flex items-center gap-3"> <svg width="36" height="30" viewBox="0 0 36 30" fill="none" aria-hidden="true"> <path d="M0 30L18 0L18 30Z" fill="#A0522D"></path> <path d="M18 0L36 30L18 16Z" fill="#C4A265"></path> <path d="M18 16L36 30L18 30Z" fill="#8B6914"></path> </svg> <span class="font-logo font-extrabold uppercase text-[20px] tracking-[4px] text-[#3E2723]">
Географика
</span> </span> </a> <!-- Desktop mega nav --> <nav class="hidden lg:flex items-center gap-1" aria-label="Основная навигация" data-astro-cid-qlfjksao> <div class="mega-item group relative" data-mega-item data-astro-cid-qlfjksao> <button type="button" class="mega-trigger inline-flex items-center px-4 py-2 text-sm font-medium text-text-primary hover:text-accent transition-colors rounded-lg hover:bg-bg-page" aria-haspopup="true" aria-expanded="false" aria-controls="mega-panel-kamen" data-mega-trigger="kamen" data-mega-href="/stones/" data-astro-cid-qlfjksao> Камень <svg class="inline-block ml-1 w-3.5 h-3.5 opacity-60 group-hover:opacity-100 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </button> <!-- Dropdown --> <div id="mega-panel-kamen" class="mega-panel invisible opacity-0 group-hover:visible group-hover:opacity-100 transition-[opacity,visibility] duration-200 absolute top-full left-1/2 -translate-x-1/2 pt-2" data-mega-panel="kamen" role="region" aria-label="Камень" data-astro-cid-qlfjksao> <div class="bg-white rounded-xl shadow-xl border border-border/60 p-6 flex gap-8 min-w-[420px]" data-astro-cid-qlfjksao> <div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Популярные</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/stones/mramor/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Мрамор </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/granit/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Гранит </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/travertin/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Травертин </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/kvarcit/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Кварцит </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/oniks/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Оникс </a> </li> </ul> </div><div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Ещё</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/stones/peschanik/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Песчаник </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/izvestnyak/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Известняк </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/slanec/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Сланец </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/rakushechnik/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Ракушечник </a> </li> </ul> </div><div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Подбор</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/cvet/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> По цвету </a> </li><li data-astro-cid-qlfjksao> <a href="/strana/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> По стране </a> </li><li data-astro-cid-qlfjksao> <a href="/primenenie/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> По применению </a> </li><li data-astro-cid-qlfjksao> <a href="/sravnenie/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Сравнения </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/" class="mega-link block py-1.5 text-sm transition-colors rounded font-semibold text-accent hover:text-accent-warm" data-astro-cid-qlfjksao> Все 16 видов → </a> </li> </ul> </div> <!-- Hidden "обзор" link for keyboard users: go to parent section --> <a href="/stones/" class="sr-only focus:not-sr-only focus:absolute focus:top-1 focus:right-2 focus:bg-accent focus:text-white focus:px-2 focus:py-1 focus:rounded focus:text-xs" data-astro-cid-qlfjksao>
Перейти в раздел «Камень»
</a> </div> </div> </div><div class="mega-item group relative" data-mega-item data-astro-cid-qlfjksao> <button type="button" class="mega-trigger inline-flex items-center px-4 py-2 text-sm font-medium text-text-primary hover:text-accent transition-colors rounded-lg hover:bg-bg-page" aria-haspopup="true" aria-expanded="false" aria-controls="mega-panel-izdeliya" data-mega-trigger="izdeliya" data-mega-href="/izdeliya/" data-astro-cid-qlfjksao> Изделия <svg class="inline-block ml-1 w-3.5 h-3.5 opacity-60 group-hover:opacity-100 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </button> <!-- Dropdown --> <div id="mega-panel-izdeliya" class="mega-panel invisible opacity-0 group-hover:visible group-hover:opacity-100 transition-[opacity,visibility] duration-200 absolute top-full left-1/2 -translate-x-1/2 pt-2" data-mega-panel="izdeliya" role="region" aria-label="Изделия" data-astro-cid-qlfjksao> <div class="bg-white rounded-xl shadow-xl border border-border/60 p-6 flex gap-8 min-w-[420px]" data-astro-cid-qlfjksao> <div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Интерьер</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/izdeliya/stoleshnitsy/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Столешницы </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/podokonniki/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Подоконники </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/rakoviny/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Раковины </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/kaminy/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Камины </a> </li> </ul> </div><div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Экстерьер</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/izdeliya/stupeni/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Ступени </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/bruschatka/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Брусчатка </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/plitka/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Плитка </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/slebi/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Слэбы </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/" class="mega-link block py-1.5 text-sm transition-colors rounded font-semibold text-accent hover:text-accent-warm" data-astro-cid-qlfjksao> Все изделия → </a> </li> </ul> </div> <!-- Hidden "обзор" link for keyboard users: go to parent section --> <a href="/izdeliya/" class="sr-only focus:not-sr-only focus:absolute focus:top-1 focus:right-2 focus:bg-accent focus:text-white focus:px-2 focus:py-1 focus:rounded focus:text-xs" data-astro-cid-qlfjksao>
Перейти в раздел «Изделия»
</a> </div> </div> </div><div class="mega-item group relative" data-mega-item data-astro-cid-qlfjksao> <button type="button" class="mega-trigger inline-flex items-center px-4 py-2 text-sm font-medium text-text-primary hover:text-accent transition-colors rounded-lg hover:bg-bg-page" aria-haspopup="true" aria-expanded="false" aria-controls="mega-panel-uslugi" data-mega-trigger="uslugi" data-mega-href="/uslugi/" data-astro-cid-qlfjksao> Услуги <svg class="inline-block ml-1 w-3.5 h-3.5 opacity-60 group-hover:opacity-100 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </button> <!-- Dropdown --> <div id="mega-panel-uslugi" class="mega-panel invisible opacity-0 group-hover:visible group-hover:opacity-100 transition-[opacity,visibility] duration-200 absolute top-full left-1/2 -translate-x-1/2 pt-2" data-mega-panel="uslugi" role="region" aria-label="Услуги" data-astro-cid-qlfjksao> <div class="bg-white rounded-xl shadow-xl border border-border/60 p-6 flex gap-8 min-w-[420px]" data-astro-cid-qlfjksao> <div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Монтаж</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/uslugi/oblicovka-fasada/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Облицовка фасада </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/moshchenie-dorozhek/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Мощение дорожек </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/montazh-lestnitsy/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Монтаж лестницы </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/montazh-stoleshnitsy/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Установка столешницы </a> </li> </ul> </div><div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Отделка</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/uslugi/otdelka-vannoy/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Ванная комната </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/otdelka-hamama/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Хамам </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/oblicovka-kamina/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Камин </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/oblicovka-basseyna/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Бассейн </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/" class="mega-link block py-1.5 text-sm transition-colors rounded font-semibold text-accent hover:text-accent-warm" data-astro-cid-qlfjksao> Все услуги → </a> </li> </ul> </div> <!-- Hidden "обзор" link for keyboard users: go to parent section --> <a href="/uslugi/" class="sr-only focus:not-sr-only focus:absolute focus:top-1 focus:right-2 focus:bg-accent focus:text-white focus:px-2 focus:py-1 focus:rounded focus:text-xs" data-astro-cid-qlfjksao>
Перейти в раздел «Услуги»
</a> </div> </div> </div><div class="mega-item group relative" data-mega-item data-astro-cid-qlfjksao> <button type="button" class="mega-trigger inline-flex items-center px-4 py-2 text-sm font-medium text-text-primary hover:text-accent transition-colors rounded-lg hover:bg-bg-page" aria-haspopup="true" aria-expanded="false" aria-controls="mega-panel-kompaniya" data-mega-trigger="kompaniya" data-mega-href="/o-kompanii/" data-astro-cid-qlfjksao> О компании <svg class="inline-block ml-1 w-3.5 h-3.5 opacity-60 group-hover:opacity-100 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </button> <!-- Dropdown --> <div id="mega-panel-kompaniya" class="mega-panel invisible opacity-0 group-hover:visible group-hover:opacity-100 transition-[opacity,visibility] duration-200 absolute top-full left-1/2 -translate-x-1/2 pt-2" data-mega-panel="kompaniya" role="region" aria-label="О компании" data-astro-cid-qlfjksao> <div class="bg-white rounded-xl shadow-xl border border-border/60 p-6 flex gap-8 min-w-[420px]" data-astro-cid-qlfjksao> <div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Компания</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/o-kompanii/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> О компании </a> </li><li data-astro-cid-qlfjksao> <a href="/kak-my-rabotaem/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Как мы работаем </a> </li><li data-astro-cid-qlfjksao> <a href="/garantii/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Гарантии </a> </li><li data-astro-cid-qlfjksao> <a href="/blog/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Блог </a> </li><li data-astro-cid-qlfjksao> <a href="/kontakty/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Контакты </a> </li> </ul> </div><div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Клиентам</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/portfolio/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Портфолио </a> </li><li data-astro-cid-qlfjksao> <a href="/kalkulyator/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Калькулятор </a> </li><li data-astro-cid-qlfjksao> <a href="/geo/" class="mega-link block py-1.5 text-sm transition-colors rounded font-semibold text-accent hover:text-accent-warm" data-astro-cid-qlfjksao> География </a> </li><li data-astro-cid-qlfjksao> <a href="/dostavka/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Доставка и оплата </a> </li> </ul> </div><div class="min-w-[140px]" data-astro-cid-qlfjksao> <p class="text-xs font-semibold uppercase tracking-wider text-text-secondary mb-3" data-astro-cid-qlfjksao>Партнёрам</p> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/montazhniki/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Монтажникам </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/arkhitektory/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Архитекторам </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/proaby/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Строителям </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/dizaynery/" class="mega-link block py-1.5 text-sm transition-colors rounded text-text-primary hover:text-accent" data-astro-cid-qlfjksao> Дизайнерам </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/" class="mega-link block py-1.5 text-sm transition-colors rounded font-semibold text-accent hover:text-accent-warm" data-astro-cid-qlfjksao> Все программы → </a> </li> </ul> </div> <!-- Hidden "обзор" link for keyboard users: go to parent section --> <a href="/o-kompanii/" class="sr-only focus:not-sr-only focus:absolute focus:top-1 focus:right-2 focus:bg-accent focus:text-white focus:px-2 focus:py-1 focus:rounded focus:text-xs" data-astro-cid-qlfjksao>
Перейти в раздел «О компании»
</a> </div> </div> </div>  </nav> <div class="hidden lg:flex items-center gap-3" data-astro-cid-qlfjksao> <a href="tel:+74991134313" class="flex items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-accent transition-colors whitespace-nowrap" data-astro-cid-qlfjksao> <svg class="w-4 h-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" data-astro-cid-qlfjksao></path></svg> +7 (499) 113-43-13 </a> <a href="/kalkulyator/" class="inline-flex items-center px-5 py-2 bg-bg-dark text-white text-sm font-semibold rounded-lg hover:bg-bg-dark/90 transition-colors whitespace-nowrap" data-astro-cid-qlfjksao>
Рассчитать стоимость
</a> </div> <!-- Mobile phone + menu --> <div class="lg:hidden flex items-center gap-0.5" data-astro-cid-qlfjksao> <a href="tel:+74991134313" class="p-3 text-text-primary hover:text-accent transition-colors" aria-label="Позвонить" data-astro-cid-qlfjksao> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-qlfjksao><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" data-astro-cid-qlfjksao></path></svg> </a> <button id="mobile-menu-trigger" class="p-2.5 text-text-primary" aria-label="Открыть меню" aria-expanded="false" aria-controls="mobile-menu" data-astro-cid-qlfjksao> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-qlfjksao> <line x1="3" y1="6" x2="21" y2="6" data-astro-cid-qlfjksao></line> <line x1="3" y1="12" x2="21" y2="12" data-astro-cid-qlfjksao></line> <line x1="3" y1="18" x2="21" y2="18" data-astro-cid-qlfjksao></line> </svg> </button> </div> </div> </header> <!-- Mobile menu — OUTSIDE header to avoid backdrop-filter containing block bug --> <div id="mobile-menu" class="fixed inset-0 z-[200] pointer-events-none" aria-hidden="true" data-astro-cid-qlfjksao> <!-- Overlay --> <div id="mobile-overlay" class="absolute inset-0 bg-black/50 opacity-0 transition-opacity duration-300" data-astro-cid-qlfjksao></div> <!-- Panel --> <div id="mobile-panel" role="dialog" aria-modal="true" aria-label="Меню навигации" class="absolute top-0 right-0 h-full w-[min(320px,85vw)] bg-white shadow-2xl translate-x-full transition-transform duration-300 ease-out flex flex-col overflow-y-auto" data-astro-cid-qlfjksao> <div class="flex items-center justify-between p-5 border-b border-border" data-astro-cid-qlfjksao> <span class="font-logo font-bold text-lg tracking-[2px] uppercase text-text-primary" data-astro-cid-qlfjksao>Меню</span> <button id="mobile-menu-close" class="p-2.5 text-text-primary hover:text-text-secondary transition-colors" aria-label="Закрыть меню" data-astro-cid-qlfjksao> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-qlfjksao> <line x1="18" y1="6" x2="6" y2="18" data-astro-cid-qlfjksao></line> <line x1="6" y1="6" x2="18" y2="18" data-astro-cid-qlfjksao></line> </svg> </button> </div> <nav class="flex-1 p-5" aria-label="Мобильная навигация" data-astro-cid-qlfjksao> <ul class="space-y-1" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <details class="group/det" data-astro-cid-qlfjksao> <summary class="flex items-center justify-between py-3 px-3 text-base font-medium text-text-primary hover:bg-bg-page rounded-lg transition-colors cursor-pointer list-none" data-astro-cid-qlfjksao> Камень <svg class="w-4 h-4 text-text-muted group-open/det:rotate-180 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </summary> <ul class="pl-4 pb-2 space-y-0.5" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/stones/mramor/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Мрамор </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/granit/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Гранит </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/travertin/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Травертин </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/oniks/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Оникс </a> </li><li data-astro-cid-qlfjksao> <a href="/stones/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Все виды камня → </a> </li> </ul> </details> </li><li data-astro-cid-qlfjksao> <details class="group/det" data-astro-cid-qlfjksao> <summary class="flex items-center justify-between py-3 px-3 text-base font-medium text-text-primary hover:bg-bg-page rounded-lg transition-colors cursor-pointer list-none" data-astro-cid-qlfjksao> Изделия <svg class="w-4 h-4 text-text-muted group-open/det:rotate-180 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </summary> <ul class="pl-4 pb-2 space-y-0.5" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/izdeliya/stoleshnitsy/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Столешницы </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/stupeni/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Ступени </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/plitka/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Плитка </a> </li><li data-astro-cid-qlfjksao> <a href="/izdeliya/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Все изделия → </a> </li> </ul> </details> </li><li data-astro-cid-qlfjksao> <details class="group/det" data-astro-cid-qlfjksao> <summary class="flex items-center justify-between py-3 px-3 text-base font-medium text-text-primary hover:bg-bg-page rounded-lg transition-colors cursor-pointer list-none" data-astro-cid-qlfjksao> Услуги <svg class="w-4 h-4 text-text-muted group-open/det:rotate-180 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </summary> <ul class="pl-4 pb-2 space-y-0.5" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/uslugi/oblicovka-fasada/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Облицовка фасада </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/moshchenie-dorozhek/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Мощение </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/montazh-stoleshnitsy/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Столешницы </a> </li><li data-astro-cid-qlfjksao> <a href="/uslugi/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Все услуги → </a> </li> </ul> </details> </li><li data-astro-cid-qlfjksao> <details class="group/det" data-astro-cid-qlfjksao> <summary class="flex items-center justify-between py-3 px-3 text-base font-medium text-text-primary hover:bg-bg-page rounded-lg transition-colors cursor-pointer list-none" data-astro-cid-qlfjksao> О компании <svg class="w-4 h-4 text-text-muted group-open/det:rotate-180 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </summary> <ul class="pl-4 pb-2 space-y-0.5" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/portfolio/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Портфолио </a> </li><li data-astro-cid-qlfjksao> <a href="/kak-my-rabotaem/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Как мы работаем </a> </li><li data-astro-cid-qlfjksao> <a href="/garantii/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Гарантии </a> </li><li data-astro-cid-qlfjksao> <a href="/blog/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Блог </a> </li><li data-astro-cid-qlfjksao> <a href="/geo/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> География </a> </li><li data-astro-cid-qlfjksao> <a href="/kontakty/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Контакты </a> </li> </ul> </details> </li><li data-astro-cid-qlfjksao> <details class="group/det" data-astro-cid-qlfjksao> <summary class="flex items-center justify-between py-3 px-3 text-base font-medium text-text-primary hover:bg-bg-page rounded-lg transition-colors cursor-pointer list-none" data-astro-cid-qlfjksao> Партнёрам <svg class="w-4 h-4 text-text-muted group-open/det:rotate-180 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-qlfjksao><path d="m6 9 6 6 6-6" data-astro-cid-qlfjksao></path></svg> </summary> <ul class="pl-4 pb-2 space-y-0.5" data-astro-cid-qlfjksao> <li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/montazhniki/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Монтажникам </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/arkhitektory/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Архитекторам </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/proaby/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Строителям </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/dizaynery/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Дизайнерам </a> </li><li data-astro-cid-qlfjksao> <a href="/dlya-partnerov/" class="block py-2 px-3 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-page rounded-lg transition-colors mobile-link" data-astro-cid-qlfjksao> Все программы → </a> </li> </ul> </details> </li> </ul> </nav> <div class="p-5 border-t border-border space-y-3" data-astro-cid-qlfjksao> <a href="/kalkulyator/" class="block w-full text-center px-6 py-3.5 bg-bg-dark text-white font-semibold rounded-lg hover:bg-bg-dark/90 transition-colors mobile-link" data-astro-cid-qlfjksao>
Рассчитать стоимость
</a> <a href="tel:+74991134313" class="block text-center text-sm text-text-secondary hover:text-accent transition-colors" data-astro-cid-qlfjksao> +7 (499) 113-43-13 </a> </div> </div> </div> <script type="module">const c=Array.from(document.querySelectorAll("[data-mega-item]"));function u(e){c.forEach(t=>{const n=t.querySelector("[data-mega-trigger]"),a=t.querySelector("[data-mega-panel]");!n||!a||e&&n.dataset.megaTrigger===e||(n.setAttribute("aria-expanded","false"),a.removeAttribute("data-mega-open"))})}function f(e){const t=e.querySelector("[data-mega-trigger]"),n=e.querySelector("[data-mega-panel]");!t||!n||(u(t.dataset.megaTrigger||void 0),t.setAttribute("aria-expanded","true"),n.setAttribute("data-mega-open","true"))}function d(e){const t=e.querySelector("[data-mega-trigger]"),n=e.querySelector("[data-mega-panel]");!t||!n||(t.setAttribute("aria-expanded","false"),n.removeAttribute("data-mega-open"))}c.forEach(e=>{const t=e.querySelector("[data-mega-trigger]"),n=e.querySelector("[data-mega-panel]");!t||!n||(t.addEventListener("click",a=>{a.preventDefault(),t.getAttribute("aria-expanded")==="true"?d(e):f(e)}),t.addEventListener("keydown",a=>{a.key==="ArrowDown"?(a.preventDefault(),f(e),n.querySelector(".mega-link")?.focus()):a.key==="Escape"&&(d(e),t.focus())}),e.addEventListener("mouseleave",()=>{t.getAttribute("aria-expanded")==="true"&&!e.contains(document.activeElement)&&d(e)}),n.addEventListener("keydown",a=>{a.key==="Escape"&&(d(e),t.focus())}))});document.addEventListener("click",e=>{const t=e.target;c.some(a=>a.contains(t))||u()});document.addEventListener("focusin",e=>{const t=e.target;c.some(a=>a.contains(t))||u()});const i=document.getElementById("mobile-menu-trigger"),g=document.getElementById("mobile-menu-close"),s=document.getElementById("mobile-menu"),o=document.getElementById("mobile-overlay"),r=document.getElementById("mobile-panel");function y(){return r?Array.from(r.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), summary')):[]}function p(){!s||!o||!r||!i||(s.classList.remove("pointer-events-none"),s.setAttribute("aria-hidden","false"),o.classList.remove("opacity-0"),o.classList.add("opacity-100"),r.classList.remove("translate-x-full"),r.classList.add("translate-x-0"),i.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden",requestAnimationFrame(()=>{g?.focus()}))}function l(){!s||!o||!r||!i||(s.classList.add("pointer-events-none"),s.setAttribute("aria-hidden","true"),o.classList.add("opacity-0"),o.classList.remove("opacity-100"),r.classList.add("translate-x-full"),r.classList.remove("translate-x-0"),i.setAttribute("aria-expanded","false"),document.body.style.overflow="",i.focus())}i?.addEventListener("click",p);g?.addEventListener("click",l);o?.addEventListener("click",l);r?.querySelectorAll(".mobile-link").forEach(e=>{e.addEventListener("click",l)});document.addEventListener("keydown",e=>{if(s?.getAttribute("aria-hidden")==="false"){if(e.key==="Escape"){l();return}if(e.key==="Tab"){const t=y();if(t.length===0)return;const n=t[0],a=t[t.length-1];e.shiftKey?document.activeElement===n&&(e.preventDefault(),a.focus()):document.activeElement===a&&(e.preventDefault(),n.focus())}}});</script> <main id="main">  <section class="bg-white"> <div class="max-w-7xl mx-auto px-5 lg:px-20 py-0"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-0 items-stretch min-h-[520px] lg:min-h-[680px]"> <!-- Text --> <div class="flex flex-col justify-center py-12 lg:py-20 lg:pr-16"> <span class="inline-block rounded-full bg-bg-page text-accent px-4 py-1.5 text-xs font-semibold uppercase tracking-wider mb-6"> Генподрядчик по натуральному камню </span> <h1 class="font-heading text-[34px] lg:text-[56px] leading-[1.1] mb-6 max-w-[12ch] lg:max-w-[14ch]">
Природный камень с монтажом под ключ
</h1> <p class="text-text-secondary text-sm lg:text-base leading-relaxed mb-8 max-w-lg">
Купить натуральный камень и заказать монтаж в&nbsp;одной компании —
          с фиксированной ценой и гарантией 2&nbsp;года.
</p> <div class="flex flex-col sm:flex-row items-start gap-3"> <a href="/kalkulyator/" class="inline-flex items-center justify-center font-semibold rounded-lg transition-colors px-8 py-3.5 text-base border-2 border-accent-warm bg-accent-warm text-white hover:bg-accent-warm/90 hover:border-accent-warm/90 ">
Рассчитать стоимость
</a> <a href="/stones/" class="inline-flex items-center justify-center font-semibold rounded-lg transition-colors px-8 py-3.5 text-base border-2 border-bg-dark text-text-primary hover:bg-bg-dark hover:text-white ">
Смотреть каталог
</a> </div> </div> <!-- Image --> <div class="relative overflow-hidden lg:rounded-none min-h-[300px] sm:min-h-[400px]"> <img src="/_astro/hero-marble-interior.BtzAHh3t_1zJ7Kc.webp" srcset="/_astro/hero-marble-interior.BtzAHh3t_1JdBpl.webp 640w, /_astro/hero-marble-interior.BtzAHh3t_1hIV8L.webp 1024w, /_astro/hero-marble-interior.BtzAHh3t_1zJ7Kc.webp 1200w" alt="Интерьер с отделкой натуральным камнем — мрамор, колонны, классический стиль" sizes="100vw" loading="eager" fetchpriority="high" decoding="async" width="1200" height="900" class="absolute inset-0 w-full h-full object-cover"> </div> </div> </div> </section> <section class="bg-white border-t border-border/30" aria-label="О компании"> <div class="max-w-7xl mx-auto px-5 lg:px-20 py-10 lg:py-14"> <div class="max-w-3xl"> <h2 class="font-heading text-[26px] lg:text-[36px] leading-tight text-text-primary mb-5">
Геодезическая компания по камню в Москве — под ключ с гарантией
</h2> <p class="text-text-secondary text-sm lg:text-base leading-relaxed mb-4">
Географика — команда монтажников камня с опытом от 10 лет, собственный шоурум натурального
          камня и склад в Москве, прямые поставки с карьеров Италии, Греции, Турции, Испании, Ирана, Индии и России.
          Замер камня — бесплатно по Москве и МО. На каждую партию — сертификат ГОСТ на камень
          (протоколы испытаний, радиационный класс I), на монтаж камня даём гарантию 2 года,
          на материал — до 5 лет.
</p> <p class="text-text-secondary text-sm lg:text-base leading-relaxed mb-4">
Работаем как генподрядчик: один договор на подбор камня, изготовление изделий, доставку
          и монтаж камня под ключ в Москве, Московской области и по регионам. Привозим камень с карьера
          напрямую — без посредников, с таможенным оформлением и фиксированной сметой.
          Натуральный камень с гарантией — это ответственность команды, которая отвечает за всё сразу.
</p> <ul class="grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm text-text-secondary mt-5"> <li>— замер бесплатно и расчёт в смете</li> <li>— шоурум и склад с 500+ наименованиями</li> <li>— доставка с карьера напрямую из 30+ стран</li> <li>— монтаж под ключ с фиксированной ценой</li> <li>— сертификат ГОСТ и радиационный класс I</li> <li>— гарантия на монтаж камня 2 года, на материал — 5 лет</li> </ul> </div> </div> </section> <section class="py-10 lg:py-20 fade-up bg-bg-page border-t border-border"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="text-center mb-12"> <div class="mb-4 flex flex-col items-center"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> УСЛУГИ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] mx-auto">Купить камень для любого проекта</h2> <p class="text-text-secondary text-sm lg:text-base mt-4 max-w-2xl mx-auto">
Природный камень — это горная порода, добытая в&nbsp;карьере: мрамор, гранит, травертин, кварцит и&nbsp;другие виды. «Географика» выполняет полный цикл работ с&nbsp;натуральным камнем — от&nbsp;подбора материала до&nbsp;монтажа камня и&nbsp;сдачи объекта по&nbsp;единому договору.
</p> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-5"> <a href="/uslugi/oblicovka-fasada/" class="rounded-xl p-6 lg:p-8 bg-white transition-[background-color,box-shadow] duration-300 hover:bg-bg-dark hover:shadow-md group/card fade-up stagger-1"> <div class="w-10 h-10 rounded-lg flex items-center justify-center mb-4 bg-bg-page group-hover/card:bg-white/10 transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent group-hover/card:text-accent-warm transition-colors" aria-hidden="true"> <path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2 M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2 M10 6h4 M10 10h4 M10 14h4 M10 18h4"></path> </svg> </div> <h3 class="text-sm lg:text-lg font-semibold mb-2 text-text-primary group-hover/card:text-white transition-colors"> Облицовка фасадов </h3> <p class="text-sm leading-relaxed text-text-secondary group-hover/card:text-white/70 transition-colors"> Гранит, травертин, известняк — утепление и монтаж на подсистему или клей. </p> </a><a href="/uslugi/moshchenie-dorozhek/" class="rounded-xl p-6 lg:p-8 bg-white transition-[background-color,box-shadow] duration-300 hover:bg-bg-dark hover:shadow-md group/card fade-up stagger-2"> <div class="w-10 h-10 rounded-lg flex items-center justify-center mb-4 bg-bg-page group-hover/card:bg-white/10 transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent group-hover/card:text-accent-warm transition-colors" aria-hidden="true"> <path d="M13 5H19V11 M19 5L5 19 M11 19H5V13"></path> </svg> </div> <h3 class="text-sm lg:text-lg font-semibold mb-2 text-text-primary group-hover/card:text-white transition-colors"> Мощение и ландшафт </h3> <p class="text-sm leading-relaxed text-text-secondary group-hover/card:text-white/70 transition-colors"> Брусчатка, плитка, бордюры — дорожки, террасы, парковки. </p> </a><a href="/uslugi/otdelka-vannoy/" class="rounded-xl p-6 lg:p-8 bg-white transition-[background-color,box-shadow] duration-300 hover:bg-bg-dark hover:shadow-md group/card fade-up stagger-3"> <div class="w-10 h-10 rounded-lg flex items-center justify-center mb-4 bg-bg-page group-hover/card:bg-white/10 transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent group-hover/card:text-accent-warm transition-colors" aria-hidden="true"> <path d="M4 12h16a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1Z M6 12V5a2 2 0 0 1 2-2h3 M11 3v4"></path> </svg> </div> <h3 class="text-sm lg:text-lg font-semibold mb-2 text-text-primary group-hover/card:text-white transition-colors"> Ванные и хамамы </h3> <p class="text-sm leading-relaxed text-text-secondary group-hover/card:text-white/70 transition-colors"> Мрамор, оникс, травертин — от проекта до сдачи под ключ. </p> </a><a href="/uslugi/montazh-lestnitsy/" class="rounded-xl p-6 lg:p-8 bg-white transition-[background-color,box-shadow] duration-300 hover:bg-bg-dark hover:shadow-md group/card fade-up stagger-4"> <div class="w-10 h-10 rounded-lg flex items-center justify-center mb-4 bg-bg-page group-hover/card:bg-white/10 transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent group-hover/card:text-accent-warm transition-colors" aria-hidden="true"> <path d="M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5 10 7.19 8 11 8 11h-.5 M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 1.69 2 5.5 2 5.5h.5 M6 12a1 1 0 0 0-1 1v1a2 2 0 0 0 4 0v-1a1 1 0 0 0-1-1z M18 16a1 1 0 0 0-1 1v1a2 2 0 0 0 4 0v-1a1 1 0 0 0-1-1z"></path> </svg> </div> <h3 class="text-sm lg:text-lg font-semibold mb-2 text-text-primary group-hover/card:text-white transition-colors"> Лестницы и ступени </h3> <p class="text-sm leading-relaxed text-text-secondary group-hover/card:text-white/70 transition-colors"> Мраморные и гранитные ступени, балясины, перила, подступенки. </p> </a><a href="/uslugi/montazh-stoleshnitsy/" class="rounded-xl p-6 lg:p-8 bg-white transition-[background-color,box-shadow] duration-300 hover:bg-bg-dark hover:shadow-md group/card fade-up"> <div class="w-10 h-10 rounded-lg flex items-center justify-center mb-4 bg-bg-page group-hover/card:bg-white/10 transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent group-hover/card:text-accent-warm transition-colors" aria-hidden="true"> <path d="M2 12h20 M20 12v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8 M6 8V7a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1 M2 12l2-2 M22 12l-2-2 M9 2v2 M15 2v2 M12 2v2"></path> </svg> </div> <h3 class="text-sm lg:text-lg font-semibold mb-2 text-text-primary group-hover/card:text-white transition-colors"> Столешницы и кухни </h3> <p class="text-sm leading-relaxed text-text-secondary group-hover/card:text-white/70 transition-colors"> Мрамор, гранит, кварцит — замер, раскрой на ЧПУ, установка. </p> </a><a href="/uslugi/oblicovka-kamina/" class="rounded-xl p-6 lg:p-8 bg-white transition-[background-color,box-shadow] duration-300 hover:bg-bg-dark hover:shadow-md group/card fade-up"> <div class="w-10 h-10 rounded-lg flex items-center justify-center mb-4 bg-bg-page group-hover/card:bg-white/10 transition-colors"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent group-hover/card:text-accent-warm transition-colors" aria-hidden="true"> <path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path> </svg> </div> <h3 class="text-sm lg:text-lg font-semibold mb-2 text-text-primary group-hover/card:text-white transition-colors"> Камины и порталы </h3> <p class="text-sm leading-relaxed text-text-secondary group-hover/card:text-white/70 transition-colors"> Классические и современные порталы из мрамора и травертина. </p> </a> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-bg-page border-t border-border"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start"> <!-- Left --> <div class="lg:py-4"> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> ПОЧЕМУ ГЕНПОДРЯДЧИК </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] mb-10">Один договор. Одно контактное лицо. Полный контроль.</h2> <p class="text-text-secondary text-sm lg:text-base leading-relaxed">
Мы не просто продаём натуральный камень — мы отвечаем за&nbsp;результат
        от&nbsp;поставки до&nbsp;монтажа камня на&nbsp;объекте. Вам не нужно
        искать поставщиков, перевозчиков и монтажников отдельно. Всё включено
        в&nbsp;единый договор подряда с&nbsp;фиксированной ценой.
</p> </div> <!-- Right: benefit cards (vertical list per Pencil design) --> <div class="flex flex-col gap-4"> <div class="bg-white rounded-xl p-6 flex items-start gap-4"> <div class="w-10 h-10 rounded-lg bg-bg-page flex items-center justify-center shrink-0"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent" aria-hidden="true"> <path d="M9 12l2 2 4-4 M7.835 4.697A3.42 3.42 0 0 0 9.78 3.89a3.42 3.42 0 0 1 4.438 0 3.42 3.42 0 0 0 1.946.806 3.42 3.42 0 0 1 3.138 3.138 3.42 3.42 0 0 0 .806 1.946 3.42 3.42 0 0 1 0 4.438 3.42 3.42 0 0 0-.806 1.946 3.42 3.42 0 0 1-3.138 3.138 3.42 3.42 0 0 0-1.946.806 3.42 3.42 0 0 1-4.438 0 3.42 3.42 0 0 0-1.946-.806 3.42 3.42 0 0 1-3.138-3.138 3.42 3.42 0 0 0-.806-1.946 3.42 3.42 0 0 1 0-4.438 3.42 3.42 0 0 0 .806-1.946 3.42 3.42 0 0 1 3.138-3.138Z"></path> </svg> </div> <div> <h3 class="text-sm lg:text-base font-semibold text-text-primary mb-1">Гарантия 2 года</h3> <p class="text-xs lg:text-sm text-text-secondary leading-relaxed">На все виды работ и материалы. Устраняем недостатки за свой счёт.</p> </div> </div><div class="bg-white rounded-xl p-6 flex items-start gap-4"> <div class="w-10 h-10 rounded-lg bg-bg-page flex items-center justify-center shrink-0"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent" aria-hidden="true"> <path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path> </svg> </div> <div> <h3 class="text-sm lg:text-base font-semibold text-text-primary mb-1">Фиксированная цена</h3> <p class="text-xs lg:text-sm text-text-secondary leading-relaxed">Стоимость фиксируется в договоре и не меняется в процессе.</p> </div> </div><div class="bg-white rounded-xl p-6 flex items-start gap-4"> <div class="w-10 h-10 rounded-lg bg-bg-page flex items-center justify-center shrink-0"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent" aria-hidden="true"> <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"></path> </svg> </div> <div> <h3 class="text-sm lg:text-base font-semibold text-text-primary mb-1">Контроль качества</h3> <p class="text-xs lg:text-sm text-text-secondary leading-relaxed">Приёмка камня на складе и 3–4 выезда контролёра на объект.</p> </div> </div><div class="bg-white rounded-xl p-6 flex items-start gap-4"> <div class="w-10 h-10 rounded-lg bg-bg-page flex items-center justify-center shrink-0"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent" aria-hidden="true"> <path d="M20 7h-9 M14 17H5 M17 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z M1 7a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"></path> </svg> </div> <div> <h3 class="text-sm lg:text-base font-semibold text-text-primary mb-1">300+ сортов камня</h3> <p class="text-xs lg:text-sm text-text-secondary leading-relaxed">Поставки из 30+ стран мира — от бюджетного до премиум-сегмента.</p> </div> </div> </div> </div>  </div> </section> <section id="reviews" class="py-10 lg:py-20 fade-up bg-bg-page"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="flex items-end justify-between mb-10" data-astro-cid-h3xzfrp5> <div data-astro-cid-h3xzfrp5> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> ОТЗЫВЫ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px]">Что говорят наши клиенты</h2> </div>  <div class="hidden sm:flex items-center gap-3" data-astro-cid-h3xzfrp5> <span class="text-sm text-text-muted" data-astro-cid-h3xzfrp5>10 отзывов</span> <button id="reviews-prev" class="w-11 h-11 rounded-full border border-border bg-white flex items-center justify-center hover:border-accent hover:text-accent transition-colors disabled:opacity-30 disabled:cursor-not-allowed" aria-label="Предыдущий отзыв" data-astro-cid-h3xzfrp5> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-h3xzfrp5> <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" data-astro-cid-h3xzfrp5></path> </svg> </button> <button id="reviews-next" class="w-11 h-11 rounded-full border border-border bg-white flex items-center justify-center hover:border-accent hover:text-accent transition-colors disabled:opacity-30 disabled:cursor-not-allowed" aria-label="Следующий отзыв" data-astro-cid-h3xzfrp5> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-h3xzfrp5> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" data-astro-cid-h3xzfrp5></path> </svg> </button> </div> </div> <div id="reviews-track" class="flex gap-5 overflow-x-auto pb-4 -mx-5 px-5 snap-x snap-mandatory scroll-smooth" data-astro-cid-h3xzfrp5> <div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Строили хамам в квартире — полная облицовка мрамором Afyon White, включая лежак, курну и пол с подогревом. Проект требовал точного соблюдения технологии: гидроизоляция, уклоны для стока воды, термостойкие клеевые составы. «Географика» показала высший класс — всё продумано до мелочей. Пар держится отлично, вода уходит без застоев, камень тёплый и приятный. Хамамом пользуемся каждый день уже второй месяц — никаких нареканий. Мастера знают специфику влажных помещений, это чувствуется в каждой детали.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Новиков Андрей Викторович</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Хамам из мрамора Afyon White</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Москва, Остоженка &middot; декабрь 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Делали ванную комнату из мрамора Calacatta Oro — пол, стены и столешница под раковину. Камень выбирали вместе с технологом прямо на складе, подбирали слэбы так, чтобы рисунок плавно переходил со стены на стену. Результат превзошёл ожидания — как в пятизвёздочном отеле. Укладка безупречная, стыки практически не видны. Ребята из монтажной бригады отнеслись к работе как к своему дому. Очень довольна, планирую заказать у них ещё каминный портал.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Петрова Наталья Владимировна</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Ванная комната из мрамора Calacatta Oro</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Москва, Хамовники &middot; ноябрь 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Заказывали каминный портал из мрамора Bianco Carrara по индивидуальному эскизу нашего дизайнера. Сложная работа — резные элементы, каннелюры, арочный проём. «Географика» изготовила всё точно по чертежам, каждая деталь подогнана идеально. Монтаж прошёл за один день, мастера приехали с запасом крепежа и клея. Портал стал украшением гостиной. Отдельно отмечу, что менеджер Елена помогла подобрать мрамор с минимальными серыми прожилками — именно такой тон мы хотели. Великолепная работа.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Фёдорова Екатерина Юрьевна</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Каминный портал из мрамора Bianco Carrara</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Жуковка, МО &middot; октябрь 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Заказывали облицовку фасада загородного дома травертином Classico — около 280 квадратных метров. От первого замера до финальной приёмки прошло три месяца, всё точно по графику. Камень подобрали отличный — тёплый, однородный по тону. Монтажники работали аккуратно, швы ровные, подрезка чистая. Отдельно благодарю менеджера Дмитрия, который держал нас в курсе на каждом этапе. Фасад смотрится шикарно, соседи уже спрашивают контакты. Рекомендую «Географику» без оговорок.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Иванов Алексей Сергеевич</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Облицовка фасада травертином Classico</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Новая Рига, МО &middot; сентябрь 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-border" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Укладывали песчаник Mint на открытой террасе — около 60 квадратных метров. Камень красивый, натуральный, каждая плитка с уникальным рисунком. Укладка аккуратная, затирка подобрана в тон. Единственный момент — доставку задержали на пять дней из-за проблем с транспортной компанией, из-за чего сдвинулся график монтажа. Менеджер предупредил заранее и извинился, но всё же. Сама работа по монтажу выполнена на совесть. Терраса выглядит естественно, по камню приятно ходить босиком. В целом — хорошая компания с профессиональным подходом.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Смирнова Дарья Александровна</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Терраса из песчаника Mint</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Истра, МО &middot; август 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Столешница из Emperador Dark для кухни-острова — 3,2 метра единым полотном. Переживала за транспортировку такого большого изделия, но ребята привезли и установили без единого скола. Камень потрясающий: глубокий тёмно-коричневый цвет с золотистыми прожилками. Кромка обработана с фаской, всё гладкое, приятное на ощупь. Дали подробные рекомендации по уходу и пропитке. Столешница служит уже полгода — ни пятен, ни царапин. Спасибо за профессионализм!&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Кузнецова Ольга Дмитриевна</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Кухонная столешница Emperador Dark</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Москва, Патриаршие пруды &middot; август 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Заказывали винтовую лестницу из гранита Absolute Black на три этажа. Проект сложный — радиусные ступени, индивидуальные размеры каждого элемента. «Географика» справилась на отлично. Замерщик приезжал дважды, чтобы всё выверить до миллиметра. Камень обработан идеально, полировка зеркальная, кромки сняты под 45 градусов. Монтаж занял неделю, всё встало как влитое. Лестница стала центральным элементом дома, гости каждый раз восхищаются.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Сидоров Павел Андреевич</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Лестница из гранита Absolute Black</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Рублёвка, МО &middot; июль 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-border" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Мостили двор и подъездные дорожки гранитной брусчаткой — около 350 квадратов. Камень хороший, брусчатка ровная, цвет однородный. Монтаж в целом качественный, но в одном месте пришлось переделать дренажный уклон — заметили лужу после первого дождя. Бригада приехала и исправила в течение двух дней, без дополнительной оплаты. За оперативное решение проблемы — плюс. Результатом доволен, двор выглядит солидно. Ставлю четвёрку из-за того первого недочёта, но компания в целом достойная.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Морозов Игорь Константинович</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Мощение двора гранитной брусчаткой</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Барвиха, МО &middot; июнь 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Заказывала подоконники из мрамора Crema Marfil на весь дом — 12 штук разной длины. Замерщик приехал в удобное время, всё замерил лазером, через неделю подоконники были готовы. Цвет тёплый, бежевый, прекрасно вписался в интерьер. Установили за один день, без пыли и грязи — ребята работали с пылесосом и плёнкой. Края обработаны полукруглым профилем, всё гладкое, углы ровные. Цена оказалась ниже, чем у двух других компаний, куда обращалась ранее. Рекомендую.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Волкова Татьяна Сергеевна</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Подоконники из мрамора Crema Marfil</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Одинцово, МО &middot; май 2025 г.</p> </div> </div><div class="min-w-[300px] max-w-[360px] flex-shrink-0 snap-start bg-white rounded-xl border border-border/50 p-6 flex flex-col" data-astro-cid-h3xzfrp5>  <div class="flex gap-0.5 mb-4" data-astro-cid-h3xzfrp5> <svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg><svg class="w-5 h-5 text-accent-warm" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" data-astro-cid-h3xzfrp5> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" data-astro-cid-h3xzfrp5></path> </svg> </div>  <blockquote class="text-sm text-text-secondary leading-relaxed mb-5 flex-1 line-clamp-5" data-astro-cid-h3xzfrp5>
&laquo;Облицовывали ресепшн и переговорную в офисе ониксом с LED-подсветкой за панелями. Эффект потрясающий — камень светится изнутри, создаёт атмосферу премиального пространства. Проект был непростой: оникс — хрупкий материал, слэбы тонкие, нужна ювелирная точность. Команда «Географики» подошла основательно — сначала сделали пробный монтаж на складе, убедились, что свет проходит равномерно, и только потом приступили к работе на объекте. Клиенты и партнёры, приходя в офис, всегда обращают внимание на стены. Лучшее вложение в имидж компании.&raquo;
</blockquote>  <div class="border-t border-border/50 pt-4" data-astro-cid-h3xzfrp5> <p class="font-semibold text-sm text-text-primary" data-astro-cid-h3xzfrp5>Григорьев Максим Олегович</p> <p class="text-xs text-text-muted mt-0.5" data-astro-cid-h3xzfrp5>Облицовка офиса ониксом с подсветкой</p> <p class="text-xs text-text-muted" data-astro-cid-h3xzfrp5>Москва-Сити, башня Федерация &middot; апрель 2025 г.</p> </div> </div> </div> <div class="flex sm:hidden items-center justify-center gap-2 mt-4 text-text-muted" data-astro-cid-h3xzfrp5> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-h3xzfrp5> <path stroke-linecap="round" stroke-linejoin="round" d="M7 16l-4-4m0 0l4-4m-4 4h18" data-astro-cid-h3xzfrp5></path> </svg> <span class="text-xs" data-astro-cid-h3xzfrp5>Листайте</span> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-h3xzfrp5> <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3" data-astro-cid-h3xzfrp5></path> </svg> </div>  </div> </section>  <script type="module">const e=document.getElementById("reviews-track"),t=document.getElementById("reviews-prev"),d=document.getElementById("reviews-next");if(e&&t&&d){let c=function(){t.disabled=e.scrollLeft<=10,d.disabled=e.scrollLeft+e.clientWidth>=e.scrollWidth-10};t.addEventListener("click",()=>{e.scrollBy({left:-380,behavior:"smooth"})}),d.addEventListener("click",()=>{e.scrollBy({left:380,behavior:"smooth"})}),e.addEventListener("scroll",c,{passive:!0}),c()}</script> <section class="py-8 lg:py-14 fade-up bg-bg-dark text-white"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> КАК МЫ РАБОТАЕМ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] text-white mb-12">От заявки до сдачи — 5 шагов</h2> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-6 lg:gap-8"> <div class="text-center lg:text-left"> <div class="w-14 h-14 rounded-full border-2 border-accent-warm flex items-center justify-center mx-auto lg:mx-0 mb-4"> <span class="text-accent-warm font-semibold text-sm">01</span> </div> <h3 class="text-white font-semibold text-base mb-2">Заявка</h3> <p class="text-white/60 text-sm leading-relaxed">Вы оставляете заявку на сайте или звоните. Обсуждаем задачу и бюджет.</p> </div><div class="text-center lg:text-left"> <div class="w-14 h-14 rounded-full border-2 border-accent-warm flex items-center justify-center mx-auto lg:mx-0 mb-4"> <span class="text-accent-warm font-semibold text-sm">02</span> </div> <h3 class="text-white font-semibold text-base mb-2">Замер</h3> <p class="text-white/60 text-sm leading-relaxed">Выезд замерщика на объект. Подбираем камень и рассчитываем смету.</p> </div><div class="text-center lg:text-left"> <div class="w-14 h-14 rounded-full border-2 border-accent-warm flex items-center justify-center mx-auto lg:mx-0 mb-4"> <span class="text-accent-warm font-semibold text-sm">03</span> </div> <h3 class="text-white font-semibold text-base mb-2">Договор</h3> <p class="text-white/60 text-sm leading-relaxed">Фиксируем стоимость, сроки и объём работ в договоре.</p> </div><div class="text-center lg:text-left"> <div class="w-14 h-14 rounded-full border-2 border-accent-warm flex items-center justify-center mx-auto lg:mx-0 mb-4"> <span class="text-accent-warm font-semibold text-sm">04</span> </div> <h3 class="text-white font-semibold text-base mb-2">Производство</h3> <p class="text-white/60 text-sm leading-relaxed">Закупаем сырьё, изготавливаем изделия на нашем производстве.</p> </div><div class="text-center lg:text-left"> <div class="w-14 h-14 rounded-full border-2 border-accent-warm flex items-center justify-center mx-auto lg:mx-0 mb-4"> <span class="text-accent-warm font-semibold text-sm">05</span> </div> <h3 class="text-white font-semibold text-base mb-2">Монтаж</h3> <p class="text-white/60 text-sm leading-relaxed">Профессиональный монтаж с приёмкой и гарантией 2 года.</p> </div> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-bg-page border-t border-border"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4 mb-10"> <div> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> КАТАЛОГ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px]">Популярные виды природного камня</h2> </div> <a href="/stones/" class="text-sm font-semibold text-accent hover:text-accent-warm transition-colors whitespace-nowrap">
Смотреть все 300+ сортов &rarr;
</a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-5"> <a href="/stones/mramor/crema-marfil/" class="group fade-up stagger-1"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[4/3] overflow-hidden"> <img src="/_astro/g562.GOwIdx22_Z18H6a8.webp" alt="Мрамор Crema Marfil — бежевый с тёплыми прожилками" loading="lazy" decoding="async" width="480" height="360" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Crema Marfil</h3> <p class="text-xs text-text-secondary"> Мрамор &middot; Испания &middot; Средний </p> </div>  </div> </a><a href="/stones/mramor/bianco-carrara/" class="group fade-up stagger-2"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[4/3] overflow-hidden"> <img src="/_astro/koelga.DtsytRX4_Z2pC2eG.webp" alt="Мрамор Bianco Carrara — белый с серыми прожилками" loading="lazy" decoding="async" width="480" height="360" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Bianco Carrara</h3> <p class="text-xs text-text-secondary"> Мрамор &middot; Италия &middot; Премиум </p> </div>  </div> </a><a href="/stones/travertin/classico/" class="group fade-up stagger-3"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[4/3] overflow-hidden"> <img src="/_astro/navona.5Ap4hjWd_Z26yLHU.webp" alt="Травертин Classic — бежевый с характерной пористой текстурой" loading="lazy" decoding="async" width="480" height="360" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Травертин Classic</h3> <p class="text-xs text-text-secondary"> Травертин &middot; Турция &middot; Средний </p> </div>  </div> </a><a href="/stones/mramor/emperador-dark/" class="group fade-up stagger-4"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[4/3] overflow-hidden"> <img src="/_astro/palissandro.8C57A82j_1aCY8r.webp" alt="Мрамор Emperador Dark — тёмно-коричневый с белыми прожилками" loading="lazy" decoding="async" width="480" height="360" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Emperador Dark</h3> <p class="text-xs text-text-secondary"> Мрамор &middot; Испания &middot; Премиум </p> </div>  </div> </a> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-white"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="text-center mb-10"> <div class="mb-4 flex flex-col items-center"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> ВИДЫ КАМНЯ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] mx-auto">16 видов природного камня</h2> <p class="text-text-secondary text-sm lg:text-base mt-4 max-w-3xl mx-auto">
В каталоге — натуральный отделочный и строительный камень из 30+ стран мира. Слэбы, плитка и каменные изделия с разной фактурой и обработкой: полировка, шлифовка, термообработка. Каждая порода камня уникальна по текстуре, прочности и области применения.
</p> </div> <div class="grid grid-cols-2 sm:grid-cols-4 gap-3 lg:gap-3"> <a href="/stones/mramor/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up stagger-1"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/mramor.Cwz_VovV_Z2cJzEV.webp" alt="Мрамор — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Мрамор</span> </a><a href="/stones/granit/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up stagger-2"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/granit.DQBAsXcj_ZAjg5Q.webp" alt="Гранит — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Гранит</span> </a><a href="/stones/travertin/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up stagger-3"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/travertin.BxcNcfN__swQJi.webp" alt="Травертин — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Травертин</span> </a><a href="/stones/kvarcit/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up stagger-4"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/kvarcit.D4fSw3oV_Z1j64De.webp" alt="Кварцит — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Кварцит</span> </a><a href="/stones/peschanik/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/peschanik.BshifxtJ_Z1wNjLp.webp" alt="Песчаник — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Песчаник</span> </a><a href="/stones/izvestnyak/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/izvestnyak.DLQkijJ0_Z1lPfWA.webp" alt="Известняк — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Известняк</span> </a><a href="/stones/oniks/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/oniks.Bf8rgafq_Z3YJcU.webp" alt="Оникс — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Оникс</span> </a><a href="/stones/slanec/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/slanec.CZYYIUYx_Bf9Ga.webp" alt="Сланец — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Сланец</span> </a><a href="/stones/rakushechnik/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/rakushechnik.DqXFVw4v_2sRBAt.webp" alt="Ракушечник — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Ракушечник</span> </a><a href="/stones/lemezit/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/lemezit.CGTU1i-C_24jXxN.webp" alt="Лемезит — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Лемезит</span> </a><a href="/stones/porfir/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/porfir.BtkCyPPF_ZtoRrR.webp" alt="Порфир — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Порфир</span> </a><a href="/stones/dolomit/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/dolomit.B-fdl5jh_2jUhMD.webp" alt="Доломит — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Доломит</span> </a><a href="/stones/labradorit/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/labradorit.DFgRJw5N_ZpD9Hk.webp" alt="Лабрадорит — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Лабрадорит</span> </a><a href="/stones/gabbrodiabaz/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/gabbrodiabaz.DzQTU-I8_ZOQKKp.webp" alt="Габбро-диабаз — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Габбро-диабаз</span> </a><a href="/stones/shungit/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/shungit.CowxVmT4_Z11K270.webp" alt="Шунгит — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Шунгит</span> </a><a href="/stones/meotis/" class="group flex items-center gap-3 bg-white rounded-xl px-4 py-3 hover:shadow-md transition-shadow fade-up"> <span class="w-10 h-10 rounded-lg shrink-0 overflow-hidden"> <img src="/_astro/meotis.Cheaajzo_16Ukj5.webp" alt="Меотис — текстура" loading="lazy" decoding="async" width="40" height="40" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"> </span> <span class="text-sm font-semibold text-text-primary">Меотис</span> </a> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-white"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4 mb-10"> <div> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> ПОРТФОЛИО </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px]">Наши проекты из камня</h2> </div> <a href="/portfolio/" class="text-sm font-semibold text-accent hover:text-accent-warm transition-colors whitespace-nowrap">
Все проекты &rarr;
</a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-5"> <a href="/portfolio/fasad-novaya-riga/" class="group"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[4/3] overflow-hidden"> <img src="/_astro/fasad-novaya-riga.pA3Fc4wV_1Jaylc.webp" alt="Фасад частного дома, облицованный травертином" loading="lazy" decoding="async" width="433" height="650" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Облицовка фасада травертином</h3> <p class="text-xs text-text-secondary">Частный дом · Новая Рига · 180 м²</p> </div>  </div> </a><a href="/portfolio/vannaya-calacatta/" class="group"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[4/3] overflow-hidden"> <img src="/_astro/vannaya-calacatta.Db5bfGir_Z28OmrG.webp" alt="Ванная комната с отделкой из белого мрамора Calacatta" loading="lazy" decoding="async" width="940" height="627" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Ванная из мрамора Calacatta</h3> <p class="text-xs text-text-secondary">Квартира · Москва · 12 м²</p> </div>  </div> </a><a href="/portfolio/moshchenie-rublyovka/" class="group"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[4/3] overflow-hidden"> <img src="/_astro/moshchenie-rublyovka.DFIizn7d_2de1Nq.webp" alt="Гранитная брусчатка на территории коттеджа" loading="lazy" decoding="async" width="433" height="650" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Мощение гранитной брусчаткой</h3> <p class="text-xs text-text-secondary">Коттедж · Рублёвка · 240 м²</p> </div>  </div> </a> </div>  </div> </section> <section id="calculator" class="py-10 lg:py-20 fade-up bg-white"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-center">  <div> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> РАСЧЁТ СТОИМОСТИ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] mb-10">Рассчитаем стоимость вашего проекта</h2> <p class="text-text-secondary text-sm lg:text-base leading-relaxed mb-6">
Оставьте заявку — перезвоним с ориентировочным расчётом за 30 минут.
        Или воспользуйтесь <a href="/kalkulyator/#calculator" class="text-accent hover:text-accent/80 underline underline-offset-2">онлайн-калькулятором</a> для самостоятельной оценки.
</p> <div class="flex items-center gap-6 text-sm text-text-muted"> <div class="flex items-center gap-2"> <svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg>
Бесплатно
</div> <div class="flex items-center gap-2"> <svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg>
Без обязательств
</div> <div class="flex items-center gap-2"> <svg class="w-4 h-4 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg>
За 30 минут
</div> </div> </div>  <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event("astro:visible"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="Z29lz75" component-url="/_astro/ContactForm.BgwFPLNp.js" component-export="default" renderer-url="/_astro/client.svelte.BgISAU01.js" props="{&quot;formType&quot;:[0,&quot;calculator-homepage&quot;]}" ssr client="visible" opts="{&quot;name&quot;:&quot;ContactFormIsland&quot;,&quot;value&quot;:true}" await-children><!--[--><div class="bg-bg-card rounded-xl shadow-sm border border-border p-6 lg:p-8"><!--[-1--><form novalidate=""><div class="space-y-5"><div><label for="cf-name" class="block text-sm font-medium text-text-primary mb-1.5">Имя <span class="text-accent-warm">*</span></label> <input id="cf-name" type="text" value="" placeholder="Иван Иванов" autocomplete="name" autocapitalize="words" maxlength="80" aria-invalid="false" class="w-full px-4 py-3 rounded-lg border text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-accent/40 focus:border-accent border-border"/> <!--[-1--><!--]--></div> <div><label for="cf-phone" class="block text-sm font-medium text-text-primary mb-1.5">Телефон <span class="text-accent-warm">*</span></label> <input id="cf-phone" type="tel" value="" placeholder="+7 (___) ___-__-__" autocomplete="tel" inputmode="tel" aria-invalid="false" class="w-full px-4 py-3 rounded-lg border text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-accent/40 focus:border-accent border-border"/> <!--[-1--><!--]--></div> <!--[-1--><!--]--> <div class="absolute opacity-0 pointer-events-none h-0 overflow-hidden" aria-hidden="true"><input type="text" value="" tabindex="-1" autocomplete="off"/></div> <!--[-1--><!--]--> <button type="submit" class="w-full px-6 py-3 font-semibold rounded-lg transition-colors bg-bg-dark text-white hover:bg-bg-dark/90">Получить расчёт</button> <div class="flex items-center justify-center gap-3 text-text-muted text-xs"><span class="flex items-center gap-1"><svg class="w-3.5 h-3.5 text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path></svg> 1 200+ проектов</span> <span>·</span> <span>Гарантия 2 года</span></div> <p class="text-text-muted text-xs text-center">Нажимая кнопку, вы соглашаетесь с <a href="/privacy/" class="underline hover:text-text-secondary">политикой конфиденциальности</a>.</p></div></form><!--]--></div><!--]--><!--astro:end--></astro-island> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-white border-t border-border"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-center"> <!-- Left --> <div> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> ГЕОГРАФИЯ ПОСТАВОК </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] mb-10">Природный камень из 30+ стран</h2> <p class="text-text-secondary text-sm lg:text-base leading-relaxed mb-6">
Италия, Турция, Индия, Испания, Бразилия, Иран, Финляндия, Греция,
        Португалия и другие. Прямые контракты с карьерами и фабриками.
</p> <div class="flex flex-wrap gap-2"> <span class="inline-block rounded-full bg-white border border-border px-4 py-1.5 text-sm font-medium text-text-primary"> Италия </span><span class="inline-block rounded-full bg-white border border-border px-4 py-1.5 text-sm font-medium text-text-primary"> Турция </span><span class="inline-block rounded-full bg-white border border-border px-4 py-1.5 text-sm font-medium text-text-primary"> Индия </span><span class="inline-block rounded-full bg-white border border-border px-4 py-1.5 text-sm font-medium text-text-primary"> Испания </span><span class="inline-block rounded-full bg-white border border-border px-4 py-1.5 text-sm font-medium text-text-primary"> Россия </span><span class="inline-block rounded-full bg-white border border-border px-4 py-1.5 text-sm font-medium text-text-primary"> Бразилия </span> </div> </div> <!-- Right: map image --> <div class="aspect-[4/3] rounded-2xl overflow-hidden"> <img src="/_astro/geography-world-map.C7-93WJG_YWjDq.webp" alt="Карта мировых поставок натурального камня" loading="lazy" decoding="async" width="800" height="533" class="w-full h-full object-cover"> </div> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-bg-page border-t border-border"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4 mb-10"> <div> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> БЛОГ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px]">Полезные статьи о камне</h2> </div> <a href="/blog/" class="text-sm font-semibold text-accent hover:text-accent-warm transition-colors whitespace-nowrap">
Все статьи &rarr;
</a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-5"> <a href="/blog/mramor-vs-granit-stoleshnitsa/" class="group"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[16/9] overflow-hidden relative"> <img src="/_astro/blog-marble-bathroom.KORRcTxh_ZaLywM.webp" alt="Мраморная ванная комната с душевой" loading="lazy" decoding="async" width="800" height="533" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <span class="text-xs font-semibold uppercase tracking-wider text-accent mb-2 block">Гид по камню</span> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Мрамор или гранит для столешницы — что выбрать?</h3> <p class="text-xs lg:text-sm text-text-secondary leading-relaxed">Сравниваем по 5 параметрам: твёрдость, устойчивость к кислотам, цена, внешний вид.</p> </div>  </div> </a><a href="/blog/kamen-dlya-fasada/" class="group"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[16/9] overflow-hidden relative"> <img src="/_astro/blog-stone-facade.U9ncYhra_1EfbzX.webp" alt="Фасад дома из натурального камня" loading="lazy" decoding="async" width="800" height="533" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <span class="text-xs font-semibold uppercase tracking-wider text-accent mb-2 block">Фасады</span> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Какой камень выбрать для фасада частного дома</h3> <p class="text-xs lg:text-sm text-text-secondary leading-relaxed">Травертин, гранит или известняк — разбираем плюсы и минусы каждого варианта.</p> </div>  </div> </a><a href="/blog/ukhod-za-mramornoy-stoleshnitsey/" class="group"> <div class="bg-white rounded-xl overflow-hidden group-hover:shadow-md transition-shadow"> <div class="aspect-[16/9] overflow-hidden relative"> <img src="/_astro/blog-marble-countertop.B3k_WQOs_18Bkvh.webp" alt="Кухонная столешница из натурального камня" loading="lazy" decoding="async" width="800" height="533" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div>   <div class="p-5"> <span class="text-xs font-semibold uppercase tracking-wider text-accent mb-2 block">Уход</span> <h3 class="text-sm lg:text-lg font-semibold text-text-primary mb-2">Как ухаживать за мраморной столешницей</h3> <p class="text-xs lg:text-sm text-text-secondary leading-relaxed">Простые правила, которые сохранят мрамор в идеальном состоянии на годы.</p> </div>  </div> </a> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-white"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="text-center mb-10"> <div class="mb-4 flex flex-col items-center"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> ВОПРОСЫ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] mx-auto">Частые вопросы о покупке камня</h2> </div> <div class="space-y-3"> <details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Сколько стоит натуральный камень за м²?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Цена зависит от вида камня и сегмента: бюджетный (песчаник, ракушечник) — от 1 500 ₽/м², средний (Crema Marfil, травертин Classic) — от 5 000 ₽/м², премиум (Bianco Carrara, Emperador Dark) — от 15 000 ₽/м², люкс (Calacatta, оникс) — от 50 000 ₽/м². Цена включает только материал, без монтажа.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Что входит в услугу «под ключ»?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Полный цикл: замер объекта, подбор камня, проектирование раскладки, изготовление изделий, доставка, монтаж и гарантия 2 года. Вы работаете по одному договору с фиксированной ценой.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Какой камень лучше для фасада частного дома?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Для фасада рекомендуем травертин (классика, тёплый оттенок), известняк (бюджетный, но благородный), гранит (максимальная долговечность) или песчаник (натуральный ландшафтный вид). Выбор зависит от стиля дома, климата и бюджета.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Сколько времени занимает проект?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Сроки зависят от объёма: столешница — 10–14 дней, ванная комната — 14–21 день, фасад 100 м² — 30–45 дней, мощение 50 м² — 7–14 дней. Импорт камня из Италии или Турции может добавить 3–6 недель.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Вы работаете только в Москве?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Основной регион — Москва и Московская область (до 100 км от МКАД). Для крупных проектов рассматриваем выезд в другие регионы. Доставка камня возможна по всей России.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Можно ли приехать посмотреть образцы камня?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Да, мы привозим образцы камня на объект бесплатно — вы сможете оценить цвет и текстуру при вашем освещении. Также доступны слэбы на складах наших поставщиков в Москве.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Где купить природный камень в Москве?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Купить природный камень в Москве можно в компании «Географика». В нашем каталоге — более 300 сортов натурального камня из 30+ стран мира: мрамор, гранит, травертин, кварцит, оникс и другие породы. Мы работаем напрямую с карьерами и фабриками, поэтому предлагаем камень без посредников. Вы можете приехать на склад, лично выбрать слэбы и заказать доставку с монтажом под ключ.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Чем природный камень отличается от искусственного?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Природный камень — это горная порода, добытая в карьере и обработанная на производстве. Искусственный камень изготавливается из бетона, полимеров или гипса с красителями. Главные преимущества натурального камня: уникальный неповторяющийся рисунок каждого слэба, срок службы более 50 лет, экологичность и способность набирать благородную патину с возрастом. Искусственный аналог дешевле и легче, но уступает по долговечности и эстетике.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Есть ли у вас магазин камня с образцами?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Да, в Москве работает шоурум и склад «Географики», где представлено более 300 сортов натурального камня в полноразмерных слэбах и образцах. Вы можете приехать без записи в рабочее время, увидеть камень при естественном освещении, сравнить оттенки и текстуры разных пород. Наш технолог поможет подобрать камень под конкретный проект, учитывая условия эксплуатации и бюджет.</div> </details><details class="group bg-white rounded-xl border border-border/50 overflow-hidden"> <summary class="flex items-center justify-between gap-4 px-6 py-4 cursor-pointer list-none text-text-primary font-medium text-sm hover:bg-bg-page/50 transition-colors [&::-webkit-details-marker]:hidden"> <span>Какой природный камень самый прочный?</span> <svg class="w-5 h-5 shrink-0 text-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </summary> <div class="px-6 pb-5 text-sm text-text-secondary leading-relaxed">Самые прочные породы натурального камня — гранит и кварцит. Твёрдость гранита по шкале Мооса составляет 6–7 баллов, кварцита — 7. Оба камня морозостойки, устойчивы к истиранию и практически не впитывают воду, поэтому служат более 100 лет без потери внешнего вида. Гранит идеально подходит для фасадов, полов с высокой проходимостью и наружных лестниц, а кварцит сочетает прочность гранита с декоративностью мрамора.</div> </details> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","inLanguage":"ru","mainEntity":[{"@type":"Question","name":"Сколько стоит натуральный камень за м²?","acceptedAnswer":{"@type":"Answer","text":"Цена зависит от вида камня и сегмента: бюджетный (песчаник, ракушечник) — от 1 500 ₽/м², средний (Crema Marfil, травертин Classic) — от 5 000 ₽/м², премиум (Bianco Carrara, Emperador Dark) — от 15 000 ₽/м², люкс (Calacatta, оникс) — от 50 000 ₽/м². Цена включает только материал, без монтажа."}},{"@type":"Question","name":"Что входит в услугу «под ключ»?","acceptedAnswer":{"@type":"Answer","text":"Полный цикл: замер объекта, подбор камня, проектирование раскладки, изготовление изделий, доставка, монтаж и гарантия 2 года. Вы работаете по одному договору с фиксированной ценой."}},{"@type":"Question","name":"Какой камень лучше для фасада частного дома?","acceptedAnswer":{"@type":"Answer","text":"Для фасада рекомендуем травертин (классика, тёплый оттенок), известняк (бюджетный, но благородный), гранит (максимальная долговечность) или песчаник (натуральный ландшафтный вид). Выбор зависит от стиля дома, климата и бюджета."}},{"@type":"Question","name":"Сколько времени занимает проект?","acceptedAnswer":{"@type":"Answer","text":"Сроки зависят от объёма: столешница — 10–14 дней, ванная комната — 14–21 день, фасад 100 м² — 30–45 дней, мощение 50 м² — 7–14 дней. Импорт камня из Италии или Турции может добавить 3–6 недель."}},{"@type":"Question","name":"Вы работаете только в Москве?","acceptedAnswer":{"@type":"Answer","text":"Основной регион — Москва и Московская область (до 100 км от МКАД). Для крупных проектов рассматриваем выезд в другие регионы. Доставка камня возможна по всей России."}},{"@type":"Question","name":"Можно ли приехать посмотреть образцы камня?","acceptedAnswer":{"@type":"Answer","text":"Да, мы привозим образцы камня на объект бесплатно — вы сможете оценить цвет и текстуру при вашем освещении. Также доступны слэбы на складах наших поставщиков в Москве."}},{"@type":"Question","name":"Где купить природный камень в Москве?","acceptedAnswer":{"@type":"Answer","text":"Купить природный камень в Москве можно в компании «Географика». В нашем каталоге — более 300 сортов натурального камня из 30+ стран мира: мрамор, гранит, травертин, кварцит, оникс и другие породы. Мы работаем напрямую с карьерами и фабриками, поэтому предлагаем камень без посредников. Вы можете приехать на склад, лично выбрать слэбы и заказать доставку с монтажом под ключ."}},{"@type":"Question","name":"Чем природный камень отличается от искусственного?","acceptedAnswer":{"@type":"Answer","text":"Природный камень — это горная порода, добытая в карьере и обработанная на производстве. Искусственный камень изготавливается из бетона, полимеров или гипса с красителями. Главные преимущества натурального камня: уникальный неповторяющийся рисунок каждого слэба, срок службы более 50 лет, экологичность и способность набирать благородную патину с возрастом. Искусственный аналог дешевле и легче, но уступает по долговечности и эстетике."}},{"@type":"Question","name":"Есть ли у вас магазин камня с образцами?","acceptedAnswer":{"@type":"Answer","text":"Да, в Москве работает шоурум и склад «Географики», где представлено более 300 сортов натурального камня в полноразмерных слэбах и образцах. Вы можете приехать без записи в рабочее время, увидеть камень при естественном освещении, сравнить оттенки и текстуры разных пород. Наш технолог поможет подобрать камень под конкретный проект, учитывая условия эксплуатации и бюджет."}},{"@type":"Question","name":"Какой природный камень самый прочный?","acceptedAnswer":{"@type":"Answer","text":"Самые прочные породы натурального камня — гранит и кварцит. Твёрдость гранита по шкале Мооса составляет 6–7 баллов, кварцита — 7. Оба камня морозостойки, устойчивы к истиранию и практически не впитывают воду, поэтому служат более 100 лет без потери внешнего вида. Гранит идеально подходит для фасадов, полов с высокой проходимостью и наружных лестниц, а кварцит сочетает прочность гранита с декоративностью мрамора."}}]}</script>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-bg-page"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start"> <!-- Left --> <div> <div class="mb-4"> <span class="text-xs font-semibold uppercase tracking-widest text-accent" aria-hidden="true"> КОНТАКТЫ </span> <div class="mt-2.5 w-[60px] h-0.5 bg-accent-warm rounded-full"></div> </div> <h2 class="font-heading leading-tight text-text-primary text-balance text-[28px] lg:text-[40px] mb-8">Свяжитесь с нами</h2> <div class="space-y-5"> <!-- Phone --> <div class="flex items-start gap-3"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent mt-0.5 shrink-0" aria-hidden="true"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path> </svg> <div> <p class="text-sm font-semibold text-text-primary">Телефон</p> <a href="tel:+74991134313" class="text-lg font-heading text-text-primary hover:text-accent transition-colors"> +7 (499) 113-43-13 </a> </div> </div> <!-- Email --> <div class="flex items-start gap-3"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent mt-0.5 shrink-0" aria-hidden="true"> <rect width="20" height="16" x="2" y="4" rx="2"></rect> <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path> </svg> <div> <p class="text-sm font-semibold text-text-primary">Email</p> <a href="mailto:info@geographica.ru" class="text-base text-text-secondary hover:text-accent transition-colors"> info@geographica.ru </a> </div> </div> <!-- Address --> <div class="flex items-start gap-3"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent mt-0.5 shrink-0" aria-hidden="true"> <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path> <circle cx="12" cy="10" r="3"></circle> </svg> <div> <p class="text-sm font-semibold text-text-primary">Адрес</p> <p class="text-base text-text-secondary">Москва, БЦ Россия, Волгоградский пр-т, 26с1, офис 807</p> </div> </div> <!-- Hours --> <div class="flex items-start gap-3"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="text-accent mt-0.5 shrink-0" aria-hidden="true"> <circle cx="12" cy="12" r="10"></circle> <polyline points="12 6 12 12 16 14"></polyline> </svg> <div> <p class="text-sm font-semibold text-text-primary">Режим работы</p> <p class="text-base text-text-secondary">Ежедневно 09:00 — 20:00</p> </div> </div> </div> </div> <!-- Right: map image --> <div class="aspect-[4/3] rounded-2xl overflow-hidden"> <img src="/_astro/contacts-office.C62tExr__Z2JaFu.webp" alt="Офис Географика" loading="lazy" decoding="async" width="800" height="600" class="w-full h-full object-cover"> </div> </div>  </div> </section> <section class="py-10 lg:py-20 fade-up bg-bg-dark text-white"> <div class="max-w-7xl mx-auto px-5 lg:px-20">  <div class="text-center max-w-2xl mx-auto py-4"> <h2 class="font-heading text-[28px] lg:text-[44px] leading-tight text-white mb-4">
Готовы купить природный камень?
</h2> <p class="text-white/60 text-sm lg:text-lg leading-relaxed mb-8">
Ответьте на 5 вопросов — получите ориентировочный расчёт за 2&nbsp;часа.
</p> <div class="flex flex-col sm:flex-row items-center justify-center gap-3 mb-6"> <a href="/kalkulyator/" class="inline-flex items-center justify-center font-semibold rounded-lg transition-colors px-8 py-3.5 text-base border-2 border-accent-warm bg-accent-warm text-white hover:bg-accent-warm/90 hover:border-accent-warm/90 ">
Рассчитать стоимость
</a> <a href="/kviz/" class="inline-flex items-center px-8 py-3.5 border-2 border-white/30 text-white text-base font-semibold rounded-lg hover:bg-white/10 transition-colors">
Пройти квиз
</a> </div> <p class="text-sm"> <a href="tel:+74991134313" class="text-white/50 hover:text-white transition-colors">+7 (499) 113-43-13</a> </p> </div>  </div> </section>  </main> <footer class="bg-bg-footer text-white/70"> <div class="max-w-7xl mx-auto px-5 lg:px-20 pt-16 pb-8"> <!-- Links grid --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-8 lg:gap-12"> <!-- Камень --> <div> <h3 class="text-white font-semibold text-xs uppercase tracking-wider mb-4">Камень</h3> <ul class="space-y-2"> <li> <a href="/stones/mramor/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Мрамор </a> </li><li> <a href="/stones/granit/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Гранит </a> </li><li> <a href="/stones/travertin/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Травертин </a> </li><li> <a href="/stones/oniks/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Оникс </a> </li><li> <a href="/mestorozhdeniya/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Месторождения </a> </li><li> <a href="/stones/" class="text-sm hover:text-white focus-visible:text-white transition-colors text-accent-warm font-medium"> Все виды → </a> </li> </ul> </div> <!-- Услуги --> <div> <h3 class="text-white font-semibold text-xs uppercase tracking-wider mb-4">Услуги</h3> <ul class="space-y-2"> <li> <a href="/uslugi/oblicovka-fasada/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Облицовка фасада </a> </li><li> <a href="/uslugi/moshchenie-dorozhek/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Мощение </a> </li><li> <a href="/uslugi/montazh-stoleshnitsy/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Столешницы </a> </li><li> <a href="/uslugi/otdelka-vannoy/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Ванные и хамамы </a> </li><li> <a href="/uslugi/" class="text-sm hover:text-white focus-visible:text-white transition-colors text-accent-warm font-medium"> Все услуги → </a> </li> </ul> </div> <!-- Компания --> <div> <h3 class="text-white font-semibold text-xs uppercase tracking-wider mb-4">Компания</h3> <ul class="space-y-2"> <li> <a href="/o-kompanii/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> О компании </a> </li><li> <a href="/portfolio/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Портфолио </a> </li><li> <a href="/garantii/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Гарантии </a> </li><li> <a href="/kontakty/" class="text-sm hover:text-white focus-visible:text-white transition-colors"> Контакты </a> </li><li> <a href="/dlya-partnerov/" class="text-sm hover:text-white focus-visible:text-white transition-colors text-accent-warm font-medium"> Для партнёров </a> </li> </ul> </div> <!-- Информация --> <div> <h3 class="text-white font-semibold text-xs uppercase tracking-wider mb-4">Информация</h3> <ul class="space-y-2"> <li> <a href="/dostavka/" class="text-sm hover:text-white transition-colors"> Доставка </a> </li><li> <a href="/oplata/" class="text-sm hover:text-white transition-colors"> Оплата </a> </li><li> <a href="/kak-my-rabotaem/" class="text-sm hover:text-white transition-colors"> Как мы работаем </a> </li><li> <a href="/blog/" class="text-sm hover:text-white transition-colors"> Блог </a> </li><li> <a href="/geo/" class="text-sm hover:text-white transition-colors"> География </a> </li> </ul> </div> </div> <!-- Bottom bar --> <div class="border-t border-white/10 mt-10 pt-8 space-y-4"> <div class="flex justify-center"> <a href="/" aria-label="Географика — на главную"> <span class="inline-flex items-center gap-3"> <svg width="25" height="21" viewBox="0 0 36 30" fill="none" aria-hidden="true"> <path d="M0 30L18 0L18 30Z" fill="#A0522D"></path> <path d="M18 0L36 30L18 16Z" fill="#C4A265"></path> <path d="M18 16L36 30L18 30Z" fill="#8B6914"></path> </svg> <span class="font-logo font-extrabold uppercase text-base tracking-[3px] text-[#C4A265]">
Географика
</span> </span> </a> </div> <div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-white/75"> <span>ООО &quot;ГЕОГРАФИКА&quot;</span> <span>ИНН: 9722018701</span> <span>КПП: 772201001</span> <span>Москва, БЦ Россия, Волгоградский пр-т, 26с1, офис 807</span> </div> <div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-white/70"> <span>Генподрядчик по натуральному камню</span> <a href="tel:+74991134313" class="text-white hover:text-accent-warm transition-colors font-medium">+7 (499) 113-43-13</a> <a href="mailto:info@geographica.ru" class="hover:text-white transition-colors">info@geographica.ru</a> <span>&copy; 2006&ndash;2026</span> <a href="/privacy/" class="hover:text-white transition-colors">Политика конфиденциальности</a> </div> </div> </div> </footer>  <div class="fixed bottom-0 left-0 right-0 z-40 lg:hidden bg-white/95 border-t border-border shadow-[0_-2px_10px_rgba(0,0,0,0.08)] px-4 py-3" style="backdrop-filter: blur(8px);" id="sticky-cta-bar"> <div class="flex gap-2"> <a href="tel:+74991134313" class="flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 border-2 border-bg-dark text-text-primary text-sm font-semibold rounded-lg hover:bg-bg-page transition-colors"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
Позвонить
</a> <a href="/kalkulyator/" class="flex-1 inline-flex items-center justify-center px-4 py-3 bg-bg-dark text-white text-sm font-semibold rounded-lg hover:bg-bg-dark/90 transition-colors">
Получить расчёт
</a> </div> </div>  <div class="h-[72px] lg:hidden"></div>  <script type="module">requestAnimationFrame(()=>{const i=document.querySelectorAll(".fade-up"),n=window.innerHeight,t=new IntersectionObserver(e=>{e.forEach(s=>{s.isIntersecting&&(s.target.classList.add("visible"),t.unobserve(s.target))})},{threshold:.08});i.forEach(e=>{e.getBoundingClientRect().top<n?e.classList.add("visible"):(e.classList.add("will-animate"),t.observe(e))})});</script> <!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');
    ym(44496787, 'init', {webvisor:true, trackHash:true, clickmap:true, referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/44496787" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --><script async src="https://www.googletagmanager.com/gtag/js?id=G-2QRM8R143L"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-2QRM8R143L');
</script> </body></html>