*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111110;color:#f1eee7;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;position:absolute;top:0;left:0;width:100%;z-index:10;background:#111110d9;backdrop-filter:blur(12px)}.brand{font-size:27px;font-weight:800;letter-spacing:-2px}.brand span{color:#c5a46d}.nav{display:flex;gap:34px;color:#aaa69e;font-size:11px;text-transform:uppercase;letter-spacing:1.3px}.nav a:hover,.contact-links a:hover{color:#d2b27d}.header-cta{font-size:11px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #b99b69;padding:10px 0}.header-cta span,.button span{margin-left:18px;color:#d2b27d}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.section-wrap{padding-left:10%;padding-right:10%}.hero{min-height:780px;padding-top:155px;display:grid;grid-template-columns:1.05fr .95fr;gap:5%;position:relative;align-items:center;padding-bottom:100px}.eyebrow{font-size:10px;letter-spacing:2px;color:#bda477;font-weight:700}.eyebrow-line{display:inline-block;width:28px;height:1px;background:#bda477;vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(54px,7vw,100px);line-height:.98;letter-spacing:-6px;margin:34px 0 24px;font-weight:700}.hero h1 em,h2 em{font-family:"Playfair Display",serif;font-weight:500;color:#c9aa76}.hero-text{max-width:410px;color:#a9a59d;line-height:1.8;font-size:14px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px;flex-wrap:wrap}.button{display:inline-block;padding:18px 23px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.button-gold{background:#c4a471;color:#151412}.button-gold span{color:#151412}.text-link{font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #77736c;padding-bottom:8px}.text-link span{color:#c9aa76;margin-left:8px}.hero-note{margin-top:55px;color:#8c8982;font-size:10px;letter-spacing:1px;text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bca06e;margin-right:9px}.hero-visual{height:500px;position:relative}.portrait-placeholder{height:100%;background:linear-gradient(145deg,#393832,#1c1c1a 60%,#28251f);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #ffffff18}.portrait-placeholder:before{content:"";position:absolute;width:340px;height:460px;border-radius:48% 48% 8px 8px;background:linear-gradient(150deg,#777164,#24231f 60%);bottom:-110px;filter:blur(1px);opacity:.55}.portrait-mark{z-index:1;text-align:center;font-size:13px;letter-spacing:5px;line-height:2;color:#d0c6b3}.portrait-mark span{color:#c6a66f}.portrait-caption{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:1.6px;color:#ddd5c5}.portrait-caption span{color:#c6a66f;margin:0 7px}.hero-stamp{position:absolute;right:-24px;top:48px;background:#c5a675;color:#151412;width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;font-weight:800;text-align:center;line-height:1.1;transform:rotate(10deg)}.hero-stamp span{font-size:7px;letter-spacing:1px;margin-top:5px}.hero-bottom{position:absolute;bottom:35px;left:10%;right:10%;display:flex;justify-content:space-between;color:#77736c;font-size:8px;letter-spacing:1.5px}.intro{padding-top:135px;padding-bottom:145px;border-top:1px solid #ffffff12}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:start;margin-top:42px}.intro h2,.section-heading h2,.why h2{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;line-height:1.12;margin:0}.intro-copy{padding-top:8px;color:#aaa69e;font-size:13px;line-height:1.9}.intro-copy p{margin:0 0 20px}.intro-copy .text-link{display:inline-block;margin-top:14px;color:#eee}.events{padding-top:100px;padding-bottom:125px;background:#191917}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.section-heading>p{font-size:11px;line-height:1.8;color:#8f8b83}.section-heading h2{margin-top:24px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.event-card{min-height:250px;padding:28px 28px 24px 0;position:relative;border-right:1px solid #ffffff24}.event-card+ .event-card{padding-left:28px}.event-card:last-child{border:0}.event-card>span,.why-item>span{font-size:10px;color:#bda477;letter-spacing:1px}.event-card h3{font-family:"Playfair Display",serif;font-size:27px;font-weight:500;margin:46px 0 12px}.event-card p{max-width:240px;color:#99958d;font-size:12px;line-height:1.8}.event-card b{position:absolute;right:24px;bottom:23px;color:#c5a675;font-size:20px;font-weight:400}.statement{padding:130px 10%;background:linear-gradient(90deg,#24221d,#171715);text-align:center}.statement-inner{max-width:850px;margin:auto}.statement h2{font-size:clamp(42px,6vw,76px);line-height:1.1;letter-spacing:-3px;margin:30px 0}.statement-inner>p:last-child{font-size:12px;color:#aaa69e;letter-spacing:.5px}.portfolio{padding-top:130px;padding-bottom:130px}.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:210px 210px;gap:15px}.media-placeholder{background:linear-gradient(135deg,#302e28,#1c1c1a);border:1px solid #ffffff15;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bca477;font-size:10px;letter-spacing:2px}.media-placeholder small{color:#77736c;font-size:9px;letter-spacing:.5px;margin-top:10px}.media-large{grid-row:span 2}.why{padding-top:110px;padding-bottom:130px;background:#191917}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:45px}.why-list{border-top:1px solid #ffffff25}.why-item{display:flex;gap:24px;padding:27px 0;border-bottom:1px solid #ffffff25}.why-item h3{font-size:15px;margin:0 0 9px}.why-item p{font-size:11px;color:#99958d;line-height:1.8;margin:0}.reviews{padding-top:120px;padding-bottom:120px}.review-empty{border:1px dashed #514a3d;padding:45px;text-align:center;color:#bda477;font-size:10px;letter-spacing:2px}.review-empty span{display:block;color:#8d8981;letter-spacing:0;font-size:11px;margin-top:12px}.contact{background:#c4a471;color:#171613;padding-top:110px;padding-bottom:28px}.contact .eyebrow{color:#403522}.contact h2{font-size:clamp(45px,7vw,86px);letter-spacing:-5px;line-height:1.03;margin:30px 0}.contact h2 em{color:#fff0d3}.contact-inner>p:not(.eyebrow){font-size:13px;color:#51432c;margin-bottom:32px}.contact .button{background:#171613;color:#f3e9d7}.contact .button span{color:#c4a471}.contact-links{display:flex;gap:28px;margin-top:55px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.contact-foot{border-top:1px solid #6e5937;margin-top:90px;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#59492f}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.header{padding:0 6%}.nav{gap:15px}.header-cta{display:none}.section-wrap{padding-left:7%;padding-right:7%}.hero{padding-left:7%;padding-right:7%;grid-template-columns:1fr  .8fr;gap:3%}.hero h1{font-size:65px;letter-spacing:-4px}.hero-visual{height:410px}.hero-bottom{left:7%;right:7%}.intro-grid{gap:5%}}
@media(max-width:650px){.header{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;width:100%;padding:22px 7%;background:#171715;flex-direction:column;gap:22px}.nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:125px;padding-bottom:90px}.hero h1{font-size:clamp(56px,15vw,82px)}.hero-visual{height:390px;margin:35px 12px 0 0}.hero-stamp{right:-14px;width:85px;height:85px;font-size:14px}.hero-bottom{font-size:7px;gap:12px}.hero-bottom span:nth-child(2){display:none}.intro,.portfolio,.reviews{padding-top:85px;padding-bottom:85px}.intro-grid,.why-grid{grid-template-columns:1fr;gap:28px}.intro h2,.section-heading h2,.why h2{font-size:43px}.section-heading{display:block}.section-heading>p{margin-top:18px}.events,.why{padding-top:85px;padding-bottom:85px}.event-grid{grid-template-columns:1fr}.event-card,.event-card+.event-card{min-height:190px;padding:24px 0;border-right:0;border-bottom:1px solid #ffffff24}.event-card h3{margin-top:30px}.event-card:last-child{border-bottom:0}.statement{padding:90px 7%}.statement h2{font-size:48px}.portfolio-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px}.media-large{grid-column:span 2;grid-row:auto}.contact{padding-top:85px}.contact h2{font-size:51px;letter-spacing:-3px}.contact-foot{gap:15px;flex-wrap:wrap}.contact-links{gap:18px;flex-wrap:wrap}.review-empty{padding:32px 18px}}

.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;border:1px solid #ffffff18}
.portfolio-grid{display:grid;grid-template-columns:1.35fr .85fr;grid-template-rows:450px}
.photo-tile{position:relative;overflow:hidden;background:#24221d;border:1px solid #ffffff18}
.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82)}
.photo-large img{object-position:center 36%}
.photo-second img{object-position:center 20%}
.photo-tile span{position:absolute;left:22px;bottom:20px;font-size:9px;letter-spacing:1.7px;color:#fff;background:#111110a8;padding:10px 12px}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.review-card{padding:27px;background:#191917;border:1px solid #ffffff17;display:flex;flex-direction:column;min-height:255px}
.review-top{display:flex;justify-content:space-between;gap:12px;color:#bda477;font-size:9px;letter-spacing:1.3px}
.review-card p{font-family:"Playfair Display",serif;font-size:17px;line-height:1.65;color:#e9e4da;margin:25px 0 22px;flex:1}
.review-card>a{font-size:10px;letter-spacing:.8px;color:#c9aa76}
.reviews-note{font-size:10px;color:#817d75;margin-top:18px;line-height:1.6}
.button-dark{background:#171613;color:#f3e9d7}.button-dark span{color:#c4a471}
@media(max-width:650px){.portfolio-grid{grid-template-columns:1fr;grid-template-rows:330px 300px}.review-grid{grid-template-columns:1fr}.review-card{min-height:unset}.review-card p{font-size:16px}.hero-photo{object-position:center 18%}}

/* =====================================
   КАРУСЕЛЬ ПОРТФОЛИО
===================================== */

.portfolio-carousel {
  position: relative;
  width: 100%;
  margin-top: 45px;
  overflow: hidden;
  background: #111110;
  border: 1px solid #ffffff20;
}

.carousel-track {
  display: flex;
  width: 100%;
  transition: transform 0.55s ease;
  will-change: transform;
}

.carousel-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  height: 650px;
  overflow: hidden;
  background: #111110;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Размытый фон из самой фотографии */
.carousel-slide::before {
  content: "";
  position: absolute;
  inset: -30px;
  background-image: var(--slide-bg);
  background-position: center;
  background-size: cover;
  filter: blur(25px) brightness(0.3);
  opacity: 0.8;
}

/* Основная фотография — целиком, без обрезки */
.carousel-slide img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Подпись */
.carousel-slide span {
  position: absolute;
  left: 30px;
  bottom: 28px;
  padding: 12px 16px;
  background: #111110c9;
  color: #fff;
  font-size: 10px;
  letter-spacing: 2px;
  z-index: 2;
}

/* Стрелки */
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 1px solid #ffffff80;
  border-radius: 50%;
  background: #111110a8;
  color: #fff;
  font-size: 23px;
  cursor: pointer;
  z-index: 5;
  transition: background 0.25s, color 0.25s;
}

.carousel-arrow:hover {
  background: #c5a675;
  color: #111110;
}

.carousel-prev { left: 22px; }
.carousel-next { right: 22px; }

/* Нижняя панель */
.carousel-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  background: #191917;
}

.carousel-dots {
  display: flex;
  align-items: center;
  gap: 9px;
}

.carousel-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #666158;
  cursor: pointer;
  transition: all 0.25s;
}

.carousel-dot.active {
  width: 25px;
  border-radius: 5px;
  background: #c5a675;
}

.carousel-counter {
  color: #c5a675;
  font-size: 11px;
  letter-spacing: 2px;
}

/* Мобильная версия */
@media (max-width: 650px) {
  .carousel-slide {
    height: 480px;
  }

  .carousel-slide span {
    left: 14px;
    bottom: 18px;
    font-size: 8px;
    padding: 9px 10px;
  }

  .carousel-arrow {
    width: 38px;
    height: 38px;
    font-size: 19px;
  }

  .carousel-prev { left: 10px; }
  .carousel-next { right: 10px; }

  .carousel-bottom {
    padding: 16px 14px;
  }
}

/* =====================================
   КОМПАКТНАЯ СЕТКА ВИДЕО
===================================== */

.video-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 850px;
  margin: 40px auto 0;
}

.local-video-card {
  min-width: 0;
  padding: 7px;
  background: #191917;
  border: 1px solid #ffffff18;
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.local-video-card:hover {
  border-color: #c5a67580;
  transform: translateY(-4px);
}

.local-video-frame {
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #080808;
}

.local-video-frame video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #080808;
}

.local-video-caption {
  padding: 13px 7px 8px;
}

.local-video-caption span {
  color: #c5a675;
  font-size: 8px;
  letter-spacing: 1.3px;
}

.local-video-caption h3 {
  margin: 7px 0 0;
  color: #f1eee7;
  font-size: 12px;
  font-weight: 600;
}

/* Планшеты */
@media (max-width: 850px) {
  .video-gallery {
    max-width: 650px;
    gap: 12px;
  }
}

/* МОБИЛЬНАЯ ВИДЕОГАЛЕРЕЯ */

@media (max-width: 550px) {
  .video-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
  }

  .local-video-card {
    padding: 5px;
  }

  .local-video-frame {
    aspect-ratio: 9 / 16;
  }

  .local-video-caption {
    padding: 11px 5px 7px;
  }

  .local-video-caption span {
    font-size: 7px;
    letter-spacing: 0.8px;
  }

  .local-video-caption h3 {
    font-size: 11px;
    line-height: 1.4;
  }

  .local-video-frame::after {
    width: 42px;
    height: 42px;
    font-size: 15px;
  }
}

@media (max-width: 360px) {
  .video-gallery {
    grid-template-columns: 1fr;
    max-width: 240px;
  }
}

/* КРАСИВАЯ КНОПКА PLAY */

.local-video-frame {
  position: relative;
}

.local-video-frame video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #080808;
  cursor: pointer;
}

.local-video-frame video::-webkit-media-controls {
  z-index: 2;
}

.local-video-card .local-video-frame::after {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  border: 1px solid #c5a675;
  border-radius: 50%;
  color: #c5a675;
  background: rgba(17, 17, 16, 0.78);
  font-size: 18px;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.local-video-card:hover .local-video-frame::after {
  transform: translate(-50%, -50%) scale(1.12);
  background: #c5a675;
  color: #111110;
}

.local-video-frame.is-playing::after {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
}

/* ЭФФЕКТ НАВЕДЕНИЯ НА ВИДЕО */

.local-video-card {
  overflow: hidden;
  transition: transform 0.35s ease, border-color 0.35s ease,
              box-shadow 0.35s ease;
}

.local-video-card:hover {
  transform: translateY(-6px);
  border-color: #c5a675;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}

.local-video-frame video {
  transition: transform 0.5s ease;
}

.local-video-card:hover .local-video-frame video {
  transform: scale(1.035);
}

/* =====================================
   КАРУСЕЛЬ ОТЗЫВОВ НА ТЕЛЕФОНАХ
===================================== */

@media (max-width: 650px) {

  .review-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    padding: 5px 20px 20px 2px;
    margin-right: -20px;

    scrollbar-width: none;
  }

  .review-grid::-webkit-scrollbar {
    display: none;
  }

  .review-card {
    flex: 0 0 86%;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    box-sizing: border-box;
  }

  .reviews-note {
    margin-top: 15px;
    font-size: 11px;
    line-height: 1.6;
  }

}

/* ИНДИКАТОРЫ КАРУСЕЛИ ОТЗЫВОВ */

.review-dots {
  display: none;
}

@media (max-width: 650px) {
  .review-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin: 12px 0 22px;
  }

  .review-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #66615a;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .review-dot.active {
    width: 22px;
    border-radius: 10px;
    background: #c5a675;
  }
}

/* ПЛАВАЮЩАЯ КНОПКА СВЯЗИ */

.mobile-contact-cta {
  display: none;
}

@media (max-width: 650px) {
  .mobile-contact-cta {
    display: flex;
    position: fixed;
    z-index: 1000;
    left: 16px;
    right: 16px;
    bottom: calc(14px + env(safe-area-inset-bottom));

    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 16px 20px;
    background: #c5a675;
    color: #111110;

    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.3px;

    box-shadow: 0 8px 30px #00000055;
    transition: background 0.3s ease;
  }

  .mobile-contact-cta:active {
    background: #dfc397;
  }

  body {
    padding-bottom: 75px;
  }
}

/* SHOWREEL */

.showreel-block {
  max-width: 900px;
  margin: 65px auto 0;
}

.showreel-heading {
  margin-bottom: 20px;
}

.showreel-heading span {
  color: #c5a675;
  font-size: 10px;
  letter-spacing: 2px;
}

.showreel-heading h3 {
  color: #f1eee7;
  font-size: 25px;
  margin: 10px 0;
}

.showreel-heading h3 em {
  color: #c5a675;
  font-family: "Playfair Display", serif;
  font-weight: 500;
}

.showreel-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #080808;
  border: 1px solid #c5a67550;
}

.showreel-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 550px) {
  .showreel-block {
    margin-top: 40px;
  }

  .showreel-heading h3 {
    font-size: 20px;
  }
}

.local-video-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.local-video-frame:has(iframe)::after {
  display: none;
}

/* VK VIDEO — PREVIEW CARDS */

.vk-video-placeholder {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  overflow: hidden;
  cursor: pointer;
  background: #111110;
}

.vk-video-placeholder img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity .4s ease;
}

.vk-video-placeholder:hover img {
  opacity: .8;
}

.vk-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border: 1px solid rgba(197, 166, 117, .8);
  border-radius: 50%;
  color: #c5a675;
  background: rgba(17, 17, 16, .72);
  font-size: 22px;
  padding-left: 4px;
  backdrop-filter: blur(8px);
  transition: .3s ease;
}

.vk-video-placeholder:hover .vk-play-button {
  background: #c5a675;
  color: #111110;
  transform: translate(-50%, -50%) scale(1.08);
}

/* Убираем старую кнопку Play после загрузки VK-плеера */

.local-video-frame:has(iframe)::after {
  display: none !important;
}

.local-video-frame:has(iframe) .vk-video-placeholder {
  display: none !important;
}

.local-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 5;
}