/* GEOINCO brand kit v6 alignment: urban navy, documentary imagery and the
   canonical illustrative cadastral drawing, blended quietly into photography. */
.architectural-preview {
  --urban-navy:#041934;
  --urban-ivory:#f7f5f1;
  --urban-sand:#d1b27a;
}

/* Replace the rural hero with authentic Tbilisi context, balanced by a
   conceptual urban land-plan graphic. The photograph is not a case study. */
.architectural-preview .hero{
  height:700px;min-height:620px;max-height:none;background:var(--urban-navy);
}
.architectural-preview .hero-photo{
  left:46%;right:0;inset-block:0;width:54%;
  background-image:url('/assets/tbilisi-urban-context.jpg');
  background-position:center 39%;background-size:cover;
  transform:none;animation:none;filter:saturate(.73) contrast(1.06) brightness(.89);
}
.architectural-preview .hero-shade{
  background:linear-gradient(90deg,#041934 0%,#041934 31%,rgba(4,25,52,.98) 41%,rgba(4,25,52,.55) 68%,rgba(4,25,52,.27) 100%),
    linear-gradient(0deg,rgba(4,15,30,.45),transparent 50%);
}
.architectural-preview .hero-survey{
  right:-7%;top:2%;bottom:auto;width:57%;height:100%;
  transform:none;clip-path:none;opacity:.14;
  background:url('/assets/geoinco-urban-cadastral-overlay.svg') center / contain no-repeat;
  mix-blend-mode:screen;
}
.architectural-preview .hero-survey span{display:none}
.architectural-preview .hero-content{padding-top:26px}
.architectural-preview .hero h1,
html[lang="en"] .architectural-preview .hero h1{
  max-width:690px;font-family:'DM Sans',sans-serif;font-weight:400;
  font-size:clamp(48px,4.7vw,67px);line-height:1.17;
  margin-top:31px;margin-bottom:27px;letter-spacing:-.048em;
}
.architectural-preview .hero h1 em,
html[lang="en"] .architectural-preview .hero h1 em{
  white-space:normal;color:#f6ebdd;font-style:normal;font-weight:400;
}
html[lang="ru"] .architectural-preview .hero h1{
  font-size:clamp(42px,3.85vw,53px);line-height:1.16;
  max-width:615px;letter-spacing:-.055em;
}
.architectural-preview .hero-description{max-width:455px;color:#e4e7e4}
.architectural-preview .hero-coordinate{
  right:48px;top:43px;padding:12px 0 0 17px;
  border-color:rgba(246,235,221,.65);
  color:rgba(246,235,221,.9);
}
.architectural-preview .hero:after{opacity:.35}

/* The v6 identity uses restrained modern sans-serif supporting typography.
   The original outlined logo remains completely untouched. */
.architectural-preview .section-heading-row h2,
.architectural-preview .transactions h2,
.architectural-preview .insights-section-top h2,
.architectural-preview .company h2,
.architectural-preview .contact h2{
  font-family:'DM Sans','Noto Sans Georgian',sans-serif;
  font-weight:400;letter-spacing:-.043em;
}
html[lang] .architectural-preview h2 em{font-style:normal;font-weight:400}

/* More legible, deliberately architectural service panels. */
.architectural-preview .expertise{background:var(--urban-ivory)}
.architectural-preview .service-list{border-top-color:#c5ced2}
.architectural-preview .service-row{
  min-height:284px;padding-top:38px;padding-bottom:32px;
  transition:background-color .25s ease;
}
.architectural-preview .service-row:hover{padding-top:38px;padding-bottom:32px;background:#eceff0}
.architectural-preview .service-visual{
  top:28px;right:20px;width:110px;height:91px;opacity:.78;
  padding:10px;background:#edf0ef;border:1px solid rgba(4,25,52,.14);
}
.architectural-preview .service-visual svg{width:100%;height:100%;stroke-width:1.35}
.architectural-preview .service-main{padding-top:50px}
.architectural-preview .service-main h3{max-width:350px}

/* Context photographs are documentary. The kit's cadastral motif is purely
   conceptual, faded over them at low opacity, never a mapped plot claim. */
.urban-context-gallery{
  position:relative;display:grid;grid-template-columns:1.4fr 1fr;
  width:100%;height:370px;overflow:hidden;background:#041934;
  border-block:11px solid #041934;
}
.urban-context-gallery__city,
.urban-context-gallery__river{position:relative;background-size:cover;background-repeat:no-repeat}
.urban-context-gallery__city{
  background-image:linear-gradient(90deg,rgba(4,25,52,.36),rgba(4,25,52,.05)),url('/assets/tbilisi-urban-context.jpg');
  background-position:center 41%;border-right:8px solid #041934;
}
.urban-context-gallery__river{
  background-image:linear-gradient(90deg,rgba(4,25,52,.10),rgba(4,25,52,.33)),url('/assets/tbilisi-river-context.jpg');
  background-position:center 48%;
}
.urban-context-gallery__overlay{
  position:absolute;z-index:1;inset:-12% 4% -33% 51%;pointer-events:none;
  background:url('/assets/geoinco-urban-cadastral-overlay.svg') center/contain no-repeat;
  mix-blend-mode:screen;opacity:.15;
}
.urban-context-gallery__caption{
  position:absolute;z-index:2;bottom:19px;left:44px;
  padding:9px 13px;border-left:2px solid #f6ebdd;
  background:rgba(4,25,52,.73);color:#f6ebdd;
  font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:.19em;
}
.architectural-preview .transactions{background:#041934}
.architectural-preview .transaction-list{gap:0;margin-top:43px}
.architectural-preview .transaction-item{padding-top:23px;gap:16px}
.architectural-preview .transaction-item::before{display:none}
.architectural-preview .transaction-side{min-height:30px}
.architectural-preview .transaction-detail h3{min-height:64px}

/* A quieter frame for the existing video content. */
.architectural-preview .insights-feature{background:#f1f0ea}
.architectural-preview .insight-card{border-color:#cbd0cc;box-shadow:0 8px 27px rgba(20,38,41,.03)}
.architectural-preview .insight-cover{background-color:var(--urban-navy)}

/* Experience and independent reviews: quiet, verifiable trust signals.
   Do not present a static Google star average: it can change and the current
   review sample is small. The link opens the actual public reviews tab. */
.architectural-preview .company-experience{
  margin-top:25px;padding:20px 0 0;border-top:1px solid rgba(4,25,52,.18);
}
.architectural-preview .company-experience-label{
  display:block;margin-bottom:10px;font:600 9px/1.5 'DM Sans','Noto Sans Georgian',sans-serif;
  letter-spacing:.19em;color:#836c4c;
}
.architectural-preview .company-experience p{
  max-width:545px;margin:0;font:400 12px/1.77 'DM Sans','Noto Sans Georgian',sans-serif;
  color:#273d4e;
}
.architectural-preview .company-google-link{
  display:inline-flex;align-items:center;gap:11px;margin-top:20px;padding:9px 0;
  border-bottom:1px solid rgba(4,25,52,.29);text-decoration:none;
  color:#041934;font:600 11px/1.45 'DM Sans','Noto Sans Georgian',sans-serif;
}
.architectural-preview .company-google-link:hover{border-bottom-color:#041934}
.architectural-preview .company-google-link>span:last-child{font-size:15px;margin-left:5px}
.architectural-preview .company-google-symbol{
  display:flex;width:25px;height:25px;align-items:center;justify-content:center;
  border:1px solid rgba(4,25,52,.22);border-radius:50%;color:#886d46;
  font:bold 13px/1 'DM Sans',sans-serif;letter-spacing:-.06em;
}

@media(max-width:1100px){
  .architectural-preview .hero{height:660px}
  .architectural-preview .hero-photo{left:43%;width:57%}
  .architectural-preview .hero h1,html[lang="en"] .architectural-preview .hero h1{
    max-width:690px;font-size:clamp(47px,6.3vw,70px)}
  .architectural-preview .service-row{min-height:273px}
  .architectural-preview .service-row:hover{padding-top:38px;padding-bottom:32px}
  .urban-context-gallery{height:330px}
}
@media(max-width:850px){
  .architectural-preview .hero-photo{left:36%;width:64%}
  .architectural-preview .hero-shade{
    background:linear-gradient(90deg,#041934 0%,rgba(4,25,52,.95) 40%,rgba(4,25,52,.48) 100%),
    linear-gradient(0deg,rgba(4,15,30,.52),transparent 55%);
  }
  .architectural-preview .hero-survey{width:65%;opacity:.13}
  .architectural-preview .service-row,.architectural-preview .service-row:hover,
  .architectural-preview .service-row:first-child,.architectural-preview .service-row:first-child:hover{
    min-height:0;padding-block:24px;
  }
  .architectural-preview .service-main{padding-top:0}
  .architectural-preview .service-visual{display:block;right:8px;top:16px;width:59px;height:51px;padding:6px;opacity:.28}
  .urban-context-gallery{height:300px}
}
@media(max-width:580px){
  .architectural-preview .hero{height:640px;min-height:580px}
  .architectural-preview .hero-photo{left:0;right:0;width:100%;background-position:center 42%;filter:saturate(.7) contrast(1.1) brightness(.72)}
  .architectural-preview .hero-shade{
    background:linear-gradient(180deg,rgba(4,25,52,.80) 0%,rgba(4,25,52,.91) 60%,rgba(4,25,52,.95) 100%),
      linear-gradient(90deg,rgba(4,25,52,.40),transparent);
  }
  .architectural-preview .hero-survey{width:105%;height:57%;right:-29%;top:37%;opacity:.10}
  .architectural-preview .hero h1,html[lang="en"] .architectural-preview .hero h1{
    font-size:clamp(39px,10.1vw,53px);line-height:1.15;max-width:100%;margin-top:24px;margin-bottom:19px;
  }
  html[lang="ru"] .architectural-preview .hero h1{
    font-size:clamp(33px,8.7vw,41px);line-height:1.18;max-width:100%;
  }
  .architectural-preview .hero-description{font-size:12.3px;max-width:360px}
  .architectural-preview .service-row,.architectural-preview .service-row:hover,
  .architectural-preview .service-row:first-child,.architectural-preview .service-row:first-child:hover{padding-block:20px}
  .architectural-preview .service-visual{width:44px;height:43px;right:0;top:10px;opacity:.22;padding:3px}
  .architectural-preview .transactions{padding-block:58px}
  .urban-context-gallery{grid-template-columns:1fr 1fr;height:220px;border-width:6px}
  .urban-context-gallery__city{border-right-width:4px;background-position:center 42%}
  .urban-context-gallery__river{background-position:center center}
  .urban-context-gallery__overlay{inset:-20% -21% -40% 25%;opacity:.12}
  .urban-context-gallery__caption{left:14px;bottom:12px;font-size:7px;letter-spacing:.11em;padding:6px 8px}
}

/* v7 mobile and editorial refinements. The original two-photo strip competed
   with itself and cropped unflatteringly on phones. Keep one authentic city
   photograph, but let the brand's architectural field carry the composition. */
.urban-context-gallery{
  display:block;position:relative;height:405px;overflow:hidden;
  border:0;border-top:7px solid #041934;background:#041934;
}
.urban-context-gallery__photo{
  position:absolute;inset:0 0 0 38%;
  background:url('/assets/tbilisi-urban-context.jpg') center 53%/cover no-repeat;
  filter:saturate(.66) contrast(1.06) brightness(.84);
}
.urban-context-gallery::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#041934 0%,#041934 26%,rgba(4,25,52,.95) 42%,rgba(4,25,52,.35) 81%,rgba(4,25,52,.13));
}
.urban-context-gallery__drawing{
  position:absolute;z-index:1;inset:-18% -7% -23% 46%;pointer-events:none;
  background:url('/assets/geoinco-urban-cadastral-overlay.svg') center/contain no-repeat;
  mix-blend-mode:screen;opacity:.115;
}
.urban-context-gallery__editorial{
  position:absolute;z-index:2;top:15%;bottom:15%;left:max(48px,calc((100vw - 1345px)/2));
  display:flex;flex-direction:column;justify-content:space-between;gap:20px;
  width:min(640px,64%);color:#f7f5f1;
}
.urban-context-gallery__editorial>span,
.urban-context-gallery__editorial small{
  font:600 10px/1.5 'DM Sans','Noto Sans Georgian',sans-serif;
  letter-spacing:.19em;color:#d1c8bd;
}
.urban-context-gallery__editorial strong{
  display:block;font:400 clamp(44px,5.4vw,72px)/1.13 'DM Sans','Noto Sans Georgian',sans-serif;
  letter-spacing:-.05em;
}
.urban-context-gallery__editorial strong em{
  display:block;font-style:normal;color:#d4bb98;font-size:.65em;
  letter-spacing:-.035em;
}

/* Mobile entry paths: separate category and action into distinct lines. */
.architectural-preview .service-entry-links .service-entry-arrow{
  font-family:Arial,sans-serif;font-variant-emoji:text;
}
@media(max-width:850px){
  .architectural-preview .service-entry-links{
    display:grid;grid-template-columns:1fr;gap:10px;
    margin-top:23px;padding:0;border:0;
  }
  .architectural-preview .service-entry-links a,
  .architectural-preview .service-entry-links a:first-child{
    display:grid;grid-template-columns:minmax(0,1fr) 25px;
    grid-template-rows:auto auto;align-content:center;align-items:center;
    column-gap:12px;row-gap:6px;width:100%;min-height:94px;
    padding:16px 18px;background:#fbfaf7;
    border:1px solid #c8d0ce;text-decoration:none;
  }
  .architectural-preview .service-entry-links a>span:first-child{
    grid-column:1;grid-row:1;display:block;white-space:normal;
    margin:0;font:600 9px/1.4 'DM Sans','Noto Sans Georgian',sans-serif;
    color:#8d795d;letter-spacing:.1em;
  }
  .architectural-preview .service-entry-links strong{
    grid-column:1;grid-row:2;display:block;min-width:0;
    font:600 15px/1.45 'DM Sans','Noto Sans Georgian',sans-serif;
    color:#041934;overflow-wrap:normal;
  }
  .architectural-preview .service-entry-links .service-entry-arrow{
    grid-column:2;grid-row:1/3;justify-self:end;align-self:center;
    margin:0;font:400 23px/1 Arial,sans-serif;color:#897153;
  }
}

/* Equally weighted contact actions: phone and WhatsApp share one visual system.
   Email and social channels are kept quieter beneath the primary actions. */
.architectural-preview .contact-actions{padding-top:0}
.architectural-preview .contact-primary-links{display:grid;grid-template-columns:1fr;gap:10px}
.architectural-preview .contact-primary-link{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:83px;padding:16px 19px;border:1px solid rgba(237,238,231,.42);
  background:rgba(255,255,255,.045);color:#f4f0e8;text-decoration:none;
  transition:background .2s,border-color .2s;
}
.architectural-preview .contact-primary-link:hover{
  background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.75);
}
.architectural-preview .contact-primary-link--whatsapp{
  background:#eaddc5;border-color:#eaddc5;color:#041934;
}
.architectural-preview .contact-primary-link--whatsapp:hover{
  background:#f4e9d6;border-color:#f4e9d6;
}
.architectural-preview .contact-primary-link>span:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.architectural-preview .contact-primary-link small{
  font:600 9px/1.35 'DM Sans','Noto Sans Georgian',sans-serif;
  letter-spacing:.16em;color:inherit;opacity:.76;
}
.architectural-preview .contact-primary-link strong{
  font:500 clamp(17px,1.8vw,22px)/1.25 'DM Sans','Noto Sans Georgian',sans-serif;
  letter-spacing:-.025em;color:inherit;
}
.architectural-preview .contact-primary-arrow{
  flex:none;font:400 23px/1 Arial,sans-serif;font-variant-emoji:text;color:inherit;
}
.architectural-preview .contact-email{
  min-height:58px;margin-top:12px;padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.21);
}
.architectural-preview .contact-email small{font-size:10px}
.architectural-preview .contact-email>span{font-size:14px;gap:12px}
.architectural-preview .contact-email b{font:400 19px/1 Arial,sans-serif;font-variant-emoji:text}
.architectural-preview .contact-socials{
  display:flex;flex-wrap:wrap;gap:11px 22px;align-items:center;
  margin-top:12px;border:0;
}
.architectural-preview .contact-social,
.architectural-preview .contact-social:first-child{
  grid-column:auto;min-height:40px;padding:8px 0;gap:10px;
  border:0;background:transparent;color:#c9d4d7;
  font:500 11px/1.4 'DM Sans',sans-serif;
}
.architectural-preview .contact-social:first-child:hover,
.architectural-preview .contact-social:hover{color:#f4e9d6}
.architectural-preview .contact-social span:last-child{
  font:400 16px/1 Arial,sans-serif;font-variant-emoji:text;opacity:.8;
}

/* The existing live Google Maps score is 4.1. The sample size is not featured.
   Rating reviewed 2026-11-03; revisit when the source changes. */
.architectural-preview .company-google-link{
  display:inline-flex;align-items:center;gap:12px;
  margin-top:20px;padding:10px 13px;border:1px solid rgba(4,25,52,.20);
  background:rgba(255,255,255,.35);font-weight:500;
}
.architectural-preview .company-google-link:hover{
  border-color:#041934;background:rgba(255,255,255,.7);
}
.architectural-preview .company-google-link .company-google-symbol{display:none}
.architectural-preview .company-google-link::before{
  content:'★\FE0E  4.1';flex:none;padding-right:11px;
  border-right:1px solid rgba(4,25,52,.22);
  font:700 16px/1.4 'DM Sans',sans-serif;color:#927148;
}

@media(max-width:850px){
  .urban-context-gallery{height:350px}
  .urban-context-gallery__editorial{left:30px;width:75%}
  .architectural-preview .contact-wrap{grid-template-columns:1fr;gap:26px}
}
@media(max-width:580px){
  .urban-context-gallery{height:305px;border-top-width:5px}
  .urban-context-gallery__photo{inset:0;background-position:center 48%;filter:saturate(.53) contrast(1.11) brightness(.68)}
  .urban-context-gallery::after{
    background:linear-gradient(90deg,rgba(4,25,52,.94),rgba(4,25,52,.57)),
      linear-gradient(0deg,rgba(4,25,52,.64),transparent 70%);
  }
  .urban-context-gallery__drawing{inset:-30% -42% -40% 17%;opacity:.12}
  .urban-context-gallery__editorial{top:14%;bottom:14%;left:22px;width:calc(100% - 44px)}
  .urban-context-gallery__editorial>span,.urban-context-gallery__editorial small{font-size:8px;letter-spacing:.15em}
  .urban-context-gallery__editorial strong{font-size:clamp(39px,10.4vw,51px);line-height:1.12}
  .urban-context-gallery__editorial strong em{font-size:.58em;margin-top:7px}
  .architectural-preview .service-entry-links strong{font-size:14px}
  .architectural-preview .service-entry-links a,.architectural-preview .service-entry-links a:first-child{min-height:91px}
  .architectural-preview .contact-primary-link{min-height:77px;padding:14px 17px}
  .architectural-preview .contact-primary-link strong{font-size:20px}
  .architectural-preview .contact-socials{display:flex;justify-content:space-between;gap:3px 14px}
  .architectural-preview .contact-social,
  .architectural-preview .contact-social:first-child{min-height:42px;padding:10px 0;font-size:11px}
  .architectural-preview .company-google-link{font-size:10px;gap:9px;padding:10px}
  .architectural-preview .company-google-link::before{font-size:15px;padding-right:9px}
  .architectural-preview .mobile-contact-bar{grid-template-columns:1fr 1fr;gap:8px}
  .architectural-preview .mobile-contact-bar a{min-height:49px;font:700 12px/1.2 'DM Sans','Noto Sans Georgian',sans-serif}
  .architectural-preview .mobile-contact-bar a:first-child{background:#f8f5ef;border-color:#041934;color:#041934}
  .architectural-preview .mobile-contact-bar a:last-child{background:#041934;border:1px solid #041934;color:#fff}
}

/* Google Maps trust card: an editorial data point, not a promotional badge.
   The rating is a manually verified 4.1/5 as of 2026-11-03. */
.architectural-preview .company-google-link{
  display:flex;flex-direction:column;align-items:stretch;gap:0;
  width:min(388px,100%);margin-top:24px;padding:0;
  background:#f9f8f3;border:1px solid #c6cbc5;
  color:#0c2a35;text-decoration:none;
  box-shadow:0 6px 24px rgba(4,25,52,.045);
  transition:border-color .2s,background .2s,transform .2s;
}
.architectural-preview .company-google-link:hover{
  background:#fffdf7;border-color:#9c845e;transform:translateY(-1px);
}
.architectural-preview .company-google-link::before{content:none;display:none}
.architectural-preview .google-rating-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 16px;border-bottom:1px solid #e1e4dc;
}
.architectural-preview .google-rating-source{
  display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:3px;
  font:700 9px/1.4 'DM Sans','Noto Sans Georgian',sans-serif;
  letter-spacing:.12em;color:#586b6b;
}
.architectural-preview .google-rating-separator{color:#b8b3a4;font-weight:400}
.architectural-preview .google-rating-open{
  flex:none;color:#886d46;font:400 20px/1 Arial,sans-serif;font-variant-emoji:text;
}
.architectural-preview .google-rating-body{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 16px 2px;
}
.architectural-preview .google-rating-score{
  display:flex;align-items:baseline;gap:7px;
  font:500 44px/1.18 'DM Sans',sans-serif;
  letter-spacing:-.052em;color:#041934;white-space:nowrap;
}
.architectural-preview .google-rating-score small{
  font:500 13px/1.2 'DM Sans',sans-serif;
  letter-spacing:0;color:#748280;
}
.architectural-preview .google-rating-stars{
  position:relative;display:block;flex:none;
  font:400 26px/1 Arial,sans-serif;
  letter-spacing:3px;white-space:nowrap;font-variant-emoji:text;
}
.architectural-preview .google-rating-stars>span:first-child{color:#d2d7d2}
.architectural-preview .google-rating-stars>span:last-child{
  position:absolute;left:0;top:0;display:block;width:82%;
  overflow:hidden;color:#a78961;
}
.architectural-preview .google-rating-foot{
  display:flex;align-items:center;justify-content:space-between;
  padding:3px 16px 12px;
  font:600 10px/1.4 'DM Sans','Noto Sans Georgian',sans-serif;
  letter-spacing:.01em;color:#7c6b55;text-decoration:underline;
  text-decoration-color:#b4a084;text-underline-offset:3px;
}
.architectural-preview .google-rating-foot>span{display:none}
@media(max-width:580px){
  .architectural-preview .company-google-link{
    width:min(100%,390px);margin-top:21px;font-size:inherit;padding:0;gap:0;
  }
  .architectural-preview .google-rating-head{padding:10px 13px}
  .architectural-preview .google-rating-source{font-size:8px;letter-spacing:.08em}
  .architectural-preview .google-rating-body{padding:12px 13px 5px}
  .architectural-preview .google-rating-score{font-size:39px}
  .architectural-preview .google-rating-stars{font-size:23px;letter-spacing:2px}
  .architectural-preview .google-rating-foot{padding:1px 13px 12px;font-size:10px}
}