/* при необходимости раскомментируйте, если не подключили шрифты через настройки сайта:
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=Source+Sans+3:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
*/
.hcab{
--ink:#211d17; --cypress:#15302a; --cypress-dk:#0d211c;
--parchment:#efe7d7; --parchment-lt:#f7f2e7;
--gold:#a9822e; --gold-lt:#c9a24f; --wine:#6e2430; --sage:#7c8f7a;
--line: rgba(33,29,23,0.14); --maxw:1180px;
font-family:'Source Sans 3', sans-serif; color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
}
.hcab *{ box-sizing:border-box; }
.hcab h1,.hcab h2,.hcab h3,.hcab h4{ font-family:'Fraunces', serif; font-weight:600; margin:0; color:var(--cypress); }
.hcab a{ color:inherit; text-decoration:none; }
.hcab img{ max-width:100%; display:block; }
.hcab .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 32px; }
.hcab .eyebrow{ font-family:'IBM Plex Mono', monospace; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-weight:500; }
.hcab a:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }
.hcab-ribbon{ height:4px; background:linear-gradient(90deg,#1f5c43 0 33%,#efe7d7 33% 66%,#6e2430 66% 100%); }
.hcab-header{ background:var(--parchment-lt); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50; }
.hcab-header-inner{ display:flex; align-items:center; justify-content:space-between; padding:16px 32px; max-width:var(--maxw); margin:0 auto; gap:24px; }
.hcab-brand{ display:flex; align-items:center; gap:14px; }
.hcab-brand-mark{ width:40px; height:40px; flex:none; }
.hcab-brand-text{ line-height:1.25; }
.hcab-t1{ font-family:'Fraunces',serif; font-weight:600; font-size:1rem; color:var(--cypress); }
.hcab-t2{ font-family:'IBM Plex Mono',monospace; font-size:.68rem; letter-spacing:.04em; color:var(--sage); }
.hcab-nav ul{ list-style:none; display:flex; gap:26px; margin:0; padding:0; flex-wrap:wrap; }
.hcab-nav a{ font-size:.86rem; font-weight:600; letter-spacing:.02em; color:var(--ink); position:relative; padding:4px 0; }
.hcab-nav a::after{ content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--gold); transition:right .25s ease; }
.hcab-nav a:hover::after,.hcab-nav a:focus-visible::after{ right:0; }
.hcab-lang{ font-family:'IBM Plex Mono',monospace; font-size:.72rem; display:flex; gap:8px; border-left:1px solid var(--line); padding-left:20px; }
.hcab-lang span{ opacity:.45; cursor:pointer; }
.hcab-lang span.on{ opacity:1; color:var(--wine); font-weight:600; }
.hcab-hero{ background:radial-gradient(ellipse at 78% 20%, rgba(169,130,46,.16), transparent 55%), linear-gradient(180deg, var(--cypress) 0%, var(--cypress-dk) 100%); color:var(--parchment-lt); padding:96px 0 80px; position:relative; overflow:hidden; }
.hcab-hero-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:end; }
.hcab-hero .eyebrow{ color:var(--gold-lt); }
.hcab-hero h1{ color:var(--parchment-lt); font-size:clamp(2.4rem,4.6vw,4rem); font-weight:700; line-height:1.06; margin:14px 0 18px; }
.hcab-hero h1 em{ font-style:italic; color:var(--gold-lt); font-weight:500; }
.hcab-lede{ font-size:1.1rem; max-width:46ch; color:rgba(239,231,215,.85); margin:0 0 34px; }
.hcab-hero-cta{ display:flex; gap:14px; flex-wrap:wrap; }
.hcab-btn{ display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono',monospace; font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; padding:13px 22px; border:1px solid var(--gold); transition:background .2s ease; }
.hcab-btn-solid{ background:var(--gold); color:var(--cypress-dk); font-weight:600; }
.hcab-btn-solid:hover{ background:var(--gold-lt); }
.hcab-btn-ghost{ color:var(--parchment-lt); }
.hcab-btn-ghost:hover{ background:rgba(239,231,215,.1); }
.hcab-plaque{ background:rgba(239,231,215,.06); border:1px solid rgba(239,231,215,.22); padding:26px 26px 22px; position:relative; }
.hcab-plaque::before{ content:""; position:absolute; inset:6px; border:1px solid rgba(169,130,46,.4); pointer-events:none; }
.hcab-plaque dl{ margin:0; display:grid; gap:12px; font-family:'IBM Plex Mono',monospace; font-size:.82rem; }
.hcab-plaque dt{ color:var(--gold-lt); text-transform:uppercase; letter-spacing:.08em; font-size:.66rem; margin-bottom:3px; }
.hcab-plaque dd{ margin:0; color:rgba(239,231,215,.92); }
.hcab-seal{ position:absolute; width:104px; height:104px; right:-14px; bottom:-30px; transform:rotate(-9deg); opacity:.94; }
@media (prefers-reduced-motion:no-preference){
.hcab-seal{ animation:hcabStamp 1.1s cubic-bezier(.2,1.4,.4,1) both; animation-delay:.3s; }
}
@keyframes hcabStamp{ 0%{ transform:rotate(-9deg) scale(2.6); opacity:0; } 60%{ opacity:1; } 100%{ transform:rotate(-9deg) scale(1); opacity:.94; } }
@media (max-width:900px){ .hcab-hero-grid{ grid-template-columns:1fr; gap:40px; } }
@media (max-width:640px){
.hcab .wrap{ padding:0 20px; }
.hcab-nav ul{ display:none; }
.hcab-header-inner{ padding:14px 20px; }
}
Апсны · Страна Души
Мшыбзиа!Добро пожаловать.
Официальный ресурс Почётного консула Республики Абхазия в Северо-Западном регионе Российской Федерации, с резиденцией в Санкт-Петербурге.
Консульский патентот [дата] · Премьер-министр Республики Абхазия
Экзекватуравыдана [дата], г. Санкт-Петербург