/* 2) Переменные шрифтов */
:root{
  --font-title: "Inria Serif", serif;                 /* заголовки + меню */
  --font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif; /* обычный текст */
}

/* 3) База текста сайта */
body{
  font-family: var(--font-text);
  font-weight: 400;
  font-style: normal;
  color: #111;
}

/* 4) Заголовки всегда Inria Serif */
h1,h2,h3,h4,h5,h6{
  font-family: var(--font-title);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.2px;
}

/* 5) Меню (и в хедере и в футере) — Inria Serif */
.ag-nav a,
.ag-menu a,
.ag-footer-menu a,
.ag-header__menu a{
  font-family: var(--font-title);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.6px;
  text-transform: uppercase; /* если нужно как в макете */
}

/* 6) Тексты в кнопках/инпутах — обычный текст */
button,
input,
textarea,
select{
  font-family: var(--font-text);
}


/* ===== Aramé Header (WEB) ===== */
.ag-footer-logo{
  display:block;
  height:44px;     /* ключевое: фикс по высоте как в макете */
  width:auto;
}


.ag-header {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.ag-header__inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: 16px 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
}

/* LEFT socials */
.ag-header__left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ag-social {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-social:hover { opacity: 1; }

.ag-social svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

/* CENTER logo */
.ag-header__center { text-align: center; }

.ag-logo {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  color: #111;
  cursor: pointer;
}

.ag-logo__title {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.05;
}

.ag-logo__sub {
  font-size: 10px;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  opacity: 0.75;
}

/* RIGHT */
.ag-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

.ag-phones {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.ag-phone {
  font-size: 18px;
  text-decoration: none;
  color: #111;
  font-weight: 800;
  opacity: 0.9;
  cursor: pointer;
}

.ag-phone:hover { opacity: 1; text-decoration: underline; }

.ag-menu-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  border: 0;
  padding: 6px 8px;
  cursor: pointer;
  color: #111;
}

.ag-menu-btn__text {
  font-size: 18px;
  letter-spacing: 0.6px;
}

.ag-menu-btn__icon {
  font-size: 18px;
  line-height: 1;
  transform: translateY(-1px);
}

/* Drawer base (hidden on web by mobile CSS) */
.ag-overlay[hidden] { display: none; }
.ag-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  transition: opacity .2s ease;
  z-index: 9998;
}

.ag-overlay.is-show { opacity: 1; }

.ag-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 360px;
  max-width: 92vw;
  height: 100vh;
  background: #282828;
  transform: translateX(105%);
  transition: transform .25s ease;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(0,0,0,0.08);
}

.ag-drawer.is-open { transform: translateX(0); }

.ag-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 18px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.ag-drawer__title {
  font-size: 16px;
  letter-spacing: 0.8px;
  color: #fff;
  text-transform: uppercase;
}

.ag-drawer__close {
  border: 0;
      color: #ffffff;
    background: none;
  font-size: 20px;
  cursor: pointer;
  padding: 6px 10px;
}

.ag-drawer__nav {
  padding: 14px 18px;
  overflow: auto;
  flex: 1;
}

.ag-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ag-nav li { margin: 0; padding: 0; }

.ag-nav a {
  display: block;
  padding: 12px 8px;
  text-decoration: none;
  color: #fff;
  opacity: 0.6;
  font-size: 26px;
  border-radius: 8px;
  cursor: pointer;
}

.ag-nav a:hover { background: rgba(0,0,0,0.05); color:#fff }

.ag-drawer__footer {
  border-top: 1px solid rgba(0,0,0,0.08);
  padding: 14px 18px;
}

.ag-drawer__phones {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ag-drawer__phones a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}

.ag-drawer__phones a:hover { opacity: 1; text-decoration: underline; }

/* Lock scroll when drawer open */
.ag-lock { overflow: hidden; }





/*FOOTER START*/

/* ===== Footer (exact layout) ===== */

.ag-footer-top{
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.ag-footer-top__inner{
  max-width:1680px;
  margin:0 auto;
  padding:40px 24px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

/* Social icons */
.ag-footer-socials{
  display:flex;
  gap:14px;
  align-items:center;
}
.ag-ico{
      width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Simple SVG icons (no external libs) */
/*.ag-ico--ig{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CradialGradient id='g' cx='30%25' cy='30%25' r='80%25'%3E%3Cstop offset='0%25' stop-color='%23ffd76a'/%3E%3Cstop offset='40%25' stop-color='%23ff5aa5'/%3E%3Cstop offset='70%25' stop-color='%237c4dff'/%3E%3Cstop offset='100%25' stop-color='%232a2a2a'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='6' y='6' width='52' height='52' rx='14' fill='url(%23g)'/%3E%3Ccircle cx='32' cy='32' r='12' fill='none' stroke='white' stroke-width='4'/%3E%3Ccircle cx='45' cy='19' r='3' fill='white'/%3E%3Crect x='18' y='18' width='28' height='28' rx='10' fill='none' stroke='white' stroke-width='4'/%3E%3C/svg%3E"); }
.ag-ico--fb{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Crect x='6' y='6' width='52' height='52' rx='14' fill='%231877F2'/%3E%3Cpath d='M36 54V35h6l1-7h-7v-4c0-2 1-4 4-4h3v-6h-5c-7 0-10 4-10 10v4h-6v7h6v19z' fill='white'/%3E%3C/svg%3E"); }
.ag-ico--yt{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Crect x='6' y='14' width='52' height='36' rx='10' fill='%23FF0000'/%3E%3Cpath d='M28 25l16 7-16 7z' fill='white'/%3E%3C/svg%3E"); }
*/
.ag-footer-brand{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  text-align:center;
}
.ag-footer-brand__title{
  font-size:46px;
  font-weight:500;
  line-height:1.05;
  color:#111;
}
.ag-footer-brand__sub{
  margin-top:8px;
  display:inline-block;
  padding-top:6px;
  border-top:2px solid #111;
  font-size:16px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#111;
  opacity:.85;
}

.ag-footer-phones{
  display:flex;
  justify-content:flex-end;
  gap:34px;
  white-space:nowrap;
}
.ag-footer-phone{
  font-size:18px;
  font-weight:800;
  color:#111;
  text-decoration:none;
}
.ag-footer-phone:hover{ text-decoration:underline; }

/* Dark bar */
.ag-footer-main{
  background:#2f2f2f;
}
.ag-footer-main__inner{
  max-width:1680px;
  margin:0 auto;
  padding:26px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.ag-footer-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:44px;
}
.ag-footer-menu a{
  color:#fff;
  text-decoration:none;
  
  font-size:16px;
  letter-spacing:.3px;
}
.ag-footer-menu a:hover{ text-decoration:underline; }

.ag-footer-form{
  display:flex;
  align-items:center;
  gap:26px;
  margin-left:auto;
}
.ag-footer-input{
  width:230px;
  max-width:38vw;
  background:transparent;
  border:0;
  border-bottom:2px solid rgba(255,255,255,.6);
  padding:10px 0 12px 0;
  outline:none;
  color:#fff;
  font-size:18px;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.ag-footer-input::placeholder{ color:rgba(255,255,255,.55); }

.ag-footer-btn{
  background:#fff;
  border:0;
  padding:15px 10px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  cursor:pointer;
  font-size:20px;
  font-weight:600;
  color:#111;
}
.ag-footer-btn:hover{ opacity:.95; }
.ag-footer-arrow{ font-size:28px; line-height:1; }

/* Bottom white */
.ag-footer-bottom{
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
}
.ag-footer-bottom__inner{
  max-width:1680px;
  margin:0 auto;
  padding:22px 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.ag-footer-copy{
  font-size:14px;
  letter-spacing:.2px;
  color:#111;
}
.ag-footer-dev{
  font-size:14px;
  color:#111;
  display:flex;
  gap:10px;
  align-items:center;
}
.ag-footer-dev a{
  font-weight:900;
  color:#111;
  text-decoration:none;
}
.ag-footer-dev a:hover{ text-decoration:underline; }



/*FOOTER END*/





/*ABOUT US START*/

/* =========================
   ABOUT PAGE (Content only)
   ========================= */

.ag-page { background:#fff; }

.ag-about{
  background:#F7F7F7;
  padding: 0px 0 60px;
}

.ag-about__container{
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 90px; /* как на скрине: много воздуха слева/справа */
}

/* Breadcrumbs */
.ag-breadcrumbs{
  display:flex;
  align-items:center;
  gap:14px;
  font-family: var(--font-text);
  font-size:20px;
  color:#8f8f8f;
  margin-bottom: 44px;
  padding-top: 30px;
}

.ag-breadcrumbs__link{
  color:#8f8f8f;
  text-decoration:none;
}
.ag-breadcrumbs__link:hover{ text-decoration:underline; }

.ag-breadcrumbs__sep{ color:#b0b0b0; }

.ag-breadcrumbs__current{
  color:#111;
  font-weight:600;
  text-transform:uppercase;
}

/* Layout */
.ag-about__grid{
  display:grid;
  align-items: stretch;
  grid-template-columns: 1.1fr 0.9fr; /* слева больше, справа картинка */
  gap: 70px;
}

/* Title */
.ag-about__title{
  font-family: var(--font-title); /* Inria Serif */
  font-weight: 400;
  font-size: 40px;
  letter-spacing: 0.2px;
  margin: 0 0 26px;
  color:#111;
  text-transform:uppercase;
}

/* Text */
.ag-about__text{
  font-family: var(--font-text);
  color:#7c7c7c;
  font-size: 15.5px;
  line-height: 1.75;
  max-width: 900px;
}

.ag-about__text p{ margin: 0 0 14px; }
.ag-about__text strong{ color:#6b6b6b; font-weight:700; }

/* Media */
.ag-about__media{
  width: 100%;
  max-width: 490px;
}

.ag-about__right{
  padding-top: 72px;
  display: flex;
  align-items: start;
  justify-content: end;
  align-content: center;
}

.ag-about__img{
  display:block;
  width:100%;
  height:auto;
}

/* optional placeholder */
.ag-about__media--empty{
  height: 420px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ag-about__empty{
  font-family: var(--font-text);
  color:#9a9a9a;
}

/*ABOUT US END*/


/*VIDEOS START */

.ag-video-embed{
  margin: 18px 0 26px;
}
.ag-video-embed iframe{
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  display: block;
}

/*VIDEOS END*/



/* ===============================
   HOME ABOUT (START)
================================ */
.ag-home-about{
  padding: 90px 0;
  background: #fff;
}

.ag-home-about__inner{
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

.ag-home-about__left{
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}

.ag-home-about__title{
  font-family: "Inria Serif", serif;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  font-size: 46px;
  letter-spacing: 0.06em;
  color: #2b2b2b;
  margin: 0 0 22px;
}

.ag-home-about__text{
  font-family: "Inria Serif", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.8;
  color: #8b8b8b;
}

.ag-home-about__text p{
  margin: 0 0 18px;
}
.ag-home-about__text p:last-child{
  margin-bottom: 0;
}

.ag-home-about__btn{
  margin-top: 26px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  letter-spacing: 0.02em;
  color: #caa36a; /* как в твоём UI */
  text-transform: uppercase;
}

.ag-home-about__btn:hover{
  opacity: .85;
}

.ag-home-about__btn-ico{
  font-size: 18px;
  line-height: 1;
  transform: translateY(-1px);
}

.ag-home-about__right{
  display: flex;
  justify-content: center;
}

.ag-home-about__img{
  width: 100%;
  max-width: 620px;
  height: auto;
  display: block;
  object-fit: cover;
}


/* ===============================
   HOME ABOUT (END)
================================ */





.ag-footer-msg{
  margin-top:10px;
  font-size:12px;
  letter-spacing:.02em;
}

.ag-footer-msg.is-success{ color:#1f7a3a; }
.ag-footer-msg.is-error{ color:#b00020; }





.ag-gallery-card__artist span {
    color: #2a2a2a !important;
    font-weight: bold;
    text-decoration: none;
}