:root{--color-bg: #f4efe6;--color-bg-soft: #ebe2d4;--color-text: #111111;--color-muted: #6e665c;--color-line: rgba(17, 17, 17, .14);--color-gold: #a58a55;--color-charcoal: #171717;--color-white-soft: #f7f2ea;--font-display: "Viaoda Libre", Georgia, "Times New Roman", Times, serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-sans: Inter, Arial, Helvetica, sans-serif;--container: 1180px}@font-face{font-family:Viaoda Libre;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/viaoda-libre.ttf) format("truetype")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:var(--font-display);font-size:16px;line-height:1.58;caret-color:transparent;cursor:default;text-rendering:optimizeLegibility}a{color:inherit;cursor:pointer;text-decoration:none}a:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:0}.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-line);background:#f4efe6e6;backdrop-filter:blur(16px)}.site-header__inner{display:flex;min-height:108px;align-items:center;justify-content:space-between;gap:28px}.site-header__right{display:flex;align-items:center;gap:30px}.main-nav{display:flex;align-items:center;gap:28px;color:var(--color-muted);font-size:15px;letter-spacing:.06em;text-transform:uppercase}.main-nav a,.language-switcher a,.portfolio-card a{transition:color .18s ease,border-color .18s ease,transform .18s ease}.main-nav a:hover,.language-switcher a:hover{color:var(--color-text)}.logo{display:block;width:min(420px,34vw)}.logo img{display:block;width:100%;height:auto}.language-switcher{display:inline-flex;align-items:center;gap:8px;color:var(--color-muted);font-size:15px;letter-spacing:.1em}.language-switcher .is-active{color:var(--color-text)}.hero{border-bottom:1px solid var(--color-line)}.hero__inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:58px 0 86px;text-align:center}.eyebrow,.hero__label{color:var(--color-gold);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.hero-brand{display:flex;align-items:center;justify-content:center;width:100%;margin-top:0}.hero-brand__wordmark{min-width:0}.hero h1{font-family:var(--font-display);font-size:clamp(58px,6.7vw,98px);line-height:1.22}.hero-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:.28em;row-gap:.04em;text-transform:uppercase}.hero-title__word{white-space:nowrap}.hero-title__initial{display:inline-block;font-size:1.32em;line-height:1}.hero-brand__wordmark div{display:grid;grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr);gap:clamp(14px,2.2vw,32px);align-items:center;margin-top:48px}.hero-brand__wordmark>div>span{height:1px;background:#a58a5585;transform:translateY(14px)}.hero-brand__wordmark small{color:var(--color-gold);font-size:clamp(12px,1.2vw,16px);font-weight:600;letter-spacing:.48em;text-transform:uppercase}.hero-brand__wordmark em{display:block;margin-top:8px;color:var(--color-muted);font-size:13px;font-style:normal;font-weight:600;letter-spacing:.34em;text-transform:uppercase}.hero__subtitle{max-width:850px;margin-top:46px;font-family:var(--font-display);font-size:clamp(30px,3vw,44px);line-height:1.16}.hero__text{max-width:760px;margin-top:24px;color:var(--color-muted);font-size:19px}.section{padding:112px 0;border-bottom:1px solid var(--color-line)}.section__inner{display:grid;grid-template-columns:minmax(430px,.5fr) minmax(0,1fr);gap:72px;row-gap:0}.section__heading{grid-column:1;grid-row:1 / span 2;align-self:stretch;border-right:1px solid rgba(165,138,85,.28);padding-right:46px}.section__text,.principles-grid{grid-column:2}.section__inner>.portfolio-grid,.section__inner>.contact-details{grid-column:2}.section--narrow .section__inner{align-items:start}.section__heading h2,.established h2{overflow-wrap:normal;margin-top:14px;font-size:clamp(38px,3.55vw,56px);line-height:1.03}.section__text{max-width:790px;color:var(--color-muted);font-size:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:22px;margin-top:62px}.portfolio-card,.principle-card{border:1px solid var(--color-line);background:#f7f2ea75;transition:border-color .18s ease,background .18s ease,transform .18s ease}.portfolio-card{min-height:260px;padding:38px}.portfolio-card:hover,.principle-card:hover{border-color:#a58a5594;background:#f7f2eab8;transform:translateY(-2px)}.portfolio-card__label{color:var(--color-gold);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.principle-card__rule{display:block;width:42px;height:1px;background:#a58a55b8}.portfolio-card h3,.principle-card h3{margin-top:22px;font-size:32px;line-height:1.12}.portfolio-card p:not(.portfolio-card__label),.principle-card p{margin-top:16px;color:var(--color-muted)}.portfolio-card a{display:inline-flex;margin-top:28px;border-bottom:1px solid rgba(165,138,85,.55);color:var(--color-text);font-size:12px;letter-spacing:.11em;text-transform:uppercase}.portfolio-card a:hover{border-color:var(--color-text);color:var(--color-gold)}.principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.principle-card{min-height:240px;padding:34px}.established{padding:92px 0;color:var(--color-white-soft);background:var(--color-charcoal)}.established__inner{max-width:980px}.established p:last-child{max-width:740px;margin-top:26px;color:#f7f2eabd;font-size:19px}.established h2{max-width:1040px;font-size:clamp(46px,4vw,72px);text-wrap:balance}.contact-link{display:inline-flex;width:fit-content;margin-top:34px;border-bottom:1px solid var(--color-gold);font-family:var(--font-display);font-size:30px;line-height:1.2}.contact-details{display:grid;max-width:700px;gap:22px;margin-top:34px}.contact-details__item{display:grid;gap:6px;border-top:1px solid var(--color-line);padding-top:18px}.contact-details__item p{color:var(--color-gold);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.contact-details__item a,.contact-details__item address{color:var(--color-text);font-family:var(--font-display);font-size:26px;font-style:normal;line-height:1.28}.site-footer{padding:54px 0;color:#f7f2eab8;background:var(--color-charcoal)}.site-footer__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;border-top:1px solid rgba(247,242,234,.14);padding-top:34px}.site-footer__right{display:grid;justify-items:end}.site-footer__contact{display:grid;max-width:560px;gap:10px;text-align:right}.site-footer__contact p{display:grid;gap:3px}.site-footer__contact span:first-child{color:#a58a55d1;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.site-footer__contact span:last-child,.site-footer__contact a{color:#f7f2eaad;font-size:13px;line-height:1.5}.site-footer__brand{color:var(--color-white-soft);font-family:var(--font-display);font-size:26px}.site-footer__meta,.site-footer__copy{margin-top:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.mobile-menu{display:none}.mobile-menu summary{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--color-line);cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:18px;height:1px;background:var(--color-text)}.mobile-menu__panel{position:absolute;z-index:30;right:24px;left:24px;top:calc(100% + 1px);display:grid;gap:18px;border-bottom:1px solid var(--color-line);background:#f4efe6fa;padding:22px 0 26px}.mobile-menu__panel a{font-size:16px;letter-spacing:.08em;text-transform:uppercase}.site-footer__copy{color:#f7f2ea94;letter-spacing:0;text-transform:none}@media(max-width:980px){.site-header{position:sticky}.site-header__inner,.site-header__right{align-items:center}.site-header__inner{min-height:78px;flex-direction:row;padding:10px 0}.site-header__right{width:auto;justify-content:flex-end;gap:0}.main-nav,.site-header__right>.language-switcher{display:none}.mobile-menu{display:block}.hero__inner,.section__inner{grid-template-columns:1fr}.hero__inner{min-height:auto;padding:76px 0 84px}.hero-brand{flex-direction:column}.section__inner>.portfolio-grid,.section__inner>.contact-details,.section__text,.principles-grid{grid-column:1}.hero-brand__wordmark small{letter-spacing:.28em}.section__inner{gap:34px}.section__heading{grid-row:auto;border-right:0;border-image:none;padding-right:0}}@media(max-width:720px){.container{width:min(100% - 32px,var(--container))}.logo{width:min(210px,68vw)}.site-header__right{flex-direction:column}.main-nav{font-size:11px}.hero h1{font-size:44px}.hero__subtitle{font-size:26px}.hero-brand__wordmark small{font-size:11px}.hero__text,.section__text{font-size:17px}.portfolio-grid,.principles-grid{grid-template-columns:1fr}.section{padding:74px 0}.section__heading h2,.established h2{font-size:38px}.contact-link{max-width:100%;overflow-wrap:anywhere;font-size:24px}.contact-details__item a,.contact-details__item address{overflow-wrap:anywhere;font-size:22px}.site-footer__inner{align-items:flex-start;flex-direction:column}.site-footer__right,.site-footer__contact{justify-items:start;text-align:left}}

/* ============================================================
   VEYMONT REDESIGN OVERRIDES — 2026-06-03
   Мета: дорожча, солідніша подача. Розділення шрифтів
   (Viaoda = заголовки/заяви, Inter = тіло), вищий контраст,
   паперова зернистість, доопрацьовані картки, золоті лінії.
   ============================================================ */

/* --- Тіло тексту: self-hosted Inter (кирилиця) --- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}

:root{
  --color-muted:#574f45;                  /* було #6e665c — впевненіший контраст */
  --color-line:rgba(17,17,17,.14);
  --color-line-gold:rgba(165,138,85,.34);
}

/* Inter для тіла; заголовки/«заяви» лишаються Viaoda (вони задають --font-display явно) */
body{
  font-family:var(--font-sans);
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  /* паперова зернистість для глибини */
  background-color:var(--color-bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");
}

/* Золоті волосяні лінії-розділювачі замість сірих */
.site-header,.hero,.section{border-bottom-color:var(--color-line-gold)!important}

/* Трохи компактніший хедер */
.site-header__inner{min-height:88px}

/* --- Контраст і ритм опорних текстів --- */
.section__text{font-size:19px;line-height:1.62;color:var(--color-muted)}
.hero__text{font-size:18px;line-height:1.62;color:var(--color-muted)}
.principle-card p,.portfolio-card p:not(.portfolio-card__label){color:var(--color-muted);line-height:1.6}

/* Великий підзаголовок героя лишається серіфним, але трохи зібраніший */
.hero__subtitle{color:var(--color-text);letter-spacing:.002em}

/* --- Картки портфеля: номери 01–04, золота верхня лінія, стрілка в CTA --- */
.portfolio-grid{counter-reset:pf}
.portfolio-card{
  position:relative;
  counter-increment:pf;
  min-height:auto;
  padding:34px 38px 34px;
  border-top:2px solid rgba(165,138,85,.5);
  background:#f7f2ea55;
}
.portfolio-card::before{
  content:counter(pf,decimal-leading-zero);
  position:absolute;top:30px;right:34px;
  font-family:var(--font-display);
  font-size:30px;line-height:1;
  color:rgba(165,138,85,.55);
}
.portfolio-card h3{margin-top:20px;padding-right:48px}
.portfolio-card a::after{content:" \2192";display:inline-block;margin-left:6px;transition:transform .18s ease}
.portfolio-card a:hover::after{transform:translateX(4px)}

/* --- Картки принципів: щільніше, виразніша лінія --- */
.principle-card{min-height:auto;padding:34px 34px 32px}
.principle-card__rule{width:48px;height:2px;background:#a58a55}

/* --- Контактні «волосяні» лінії в золото --- */
.contact-details__item{border-top-color:var(--color-line-gold)}

/* Темна секція: трохи більше «повітря» в типографіці */
.established h2{letter-spacing:.004em}
.established p:last-child{color:#f7f2eac9}

/* Футер: акуратніші підписи */
.site-footer__meta,.site-footer__copy,.site-footer__contact span:first-child{letter-spacing:.12em}

/* Плавні переходи скрізь, де є інтеракції */
.portfolio-card,.principle-card{transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.portfolio-card:hover{box-shadow:0 14px 40px -28px rgba(23,23,23,.45)}

/* ============================================================
   VEYMONT TWEAKS #2 — 2026-06-03
   1) насиченіше золото (#a58a55 → #ad863c)
   2) «Про холдинг» — темний (charcoal) блок-акцент
   ============================================================ */
:root{
  --color-gold:#ad863c;                 /* було #a58a55 — насиченіше */
  --color-line-gold:rgba(173,134,60,.40);
}
/* перекриваємо хардкоди старого золота (165,138,85 / a58a55) */
.hero-brand__wordmark>div>span{background:rgba(173,134,60,.55)}
.section__heading{border-right-color:rgba(173,134,60,.34)}
.portfolio-card{border-top-color:rgba(173,134,60,.6)}
.portfolio-card::before{color:rgba(173,134,60,.6)}
.portfolio-card a{border-bottom-color:rgba(173,134,60,.6)}
.portfolio-card:hover,.principle-card:hover{border-color:rgba(173,134,60,.6)}
.principle-card__rule{background:#ad863c}
.contact-link{border-bottom-color:var(--color-gold)}
.contact-details__item{border-top-color:rgba(173,134,60,.40)}
.site-footer__contact span:first-child{color:rgba(173,134,60,.88)}

/* «Про холдинг» — темний блок */
#about.section{
  background:var(--color-charcoal);
  color:var(--color-white-soft);
  border-bottom-color:rgba(247,242,234,.12)!important;
}
#about .section__heading{border-right-color:rgba(173,134,60,.5)}
#about .section__heading h2{color:var(--color-white-soft)}
#about .section__text{color:#f7f2eacc}
.main-nav{font-size:16px}
.hero-brand__wordmark div{margin-top:0}
.hero-title__word::first-letter{font-size:1.32em;line-height:1}