/* ============================================================
   Интериорна фотография: секциите на страницата (element.php, interior.js).
   Само ефектът и видът на секциите; цветът на стаята е var(--room).
   Променливи (CSS на страницата може да ги смени):
     --in-dark   тъмният фон (хиро, обиколка, контакт)
     --in-night  фонът на „Как работя“
     --in-warm   светлият топъл фон на „Трите неща“
     --in-line   тънките линии на светъл фон
   ============================================================ */
.pfx[class*='in-'] { --in-dark: #0B0C0E; --in-night: #0D0F11; --in-warm: #F3F2EF; --in-line: #E2E1DD; }

/* ---------- общи ---------- */
.pfx .in-h2 { font-size: clamp(38px, 5.2vw, 84px); line-height: 1.04; letter-spacing: -.035em; font-weight: 200; }
.pfx .in-h2 b { font-weight: 800; }
.pfx .in-h3 { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.15; letter-spacing: -.02em; font-weight: 700; }
.pfx .in-p { max-width: 560px; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.7; }
.pfx .in-p b { font-weight: 700; }
.pfx .label + .in-h2, .pfx .label + .lines { margin-top: 22px; }
.pfx .in-h2 + .in-p { margin-top: 26px; }
.pfx .in-btns { display: flex; flex-wrap: wrap; gap: 14px; }
.pfx .dot { color: var(--room, #2AC4EA); }
.pfx .in-ghost, .pfx .in-ghost:hover { color: #fff; }

/* ============================ ХИРО ============================ */
.pfx.in-hero { position: relative; height: 100vh; height: 100svh; min-height: 600px; overflow: hidden; background: var(--in-dark); color: #fff; isolation: isolate; }
.in-hero .in-stage { position: absolute; inset: 0; perspective: 1400px; overflow: hidden; }
.in-hero .in-plane { position: absolute; inset: -3%; transform-style: preserve-3d; will-change: transform; }
.in-hero .in-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transform: none; transform-origin: 50% 62%; transition: opacity 1.6s var(--ease-out), transform 2.4s var(--ease-out); backface-visibility: hidden; }
.in-hero .in-slide.is-on { opacity: 1; z-index: 1; }
/* старата снимка стои отдолу, докато новата излезе изцяло */
.in-hero .in-slide.is-out { opacity: 1; transition: none; }
.in-hero .in-slide.is-out img { transform: scale(1.07); }
#ajax-content-wrap .in-hero .in-slide img { width: 100%; height: 100%; max-width: none; object-fit: cover; transform: scale(1); transition: transform 12s linear; }
.in-hero .in-slide.is-on img { transform: scale(1.07); }
/* първата снимка се изправя и без скрипта (CSS анимация); после скриптът поема смените */
.in-hero:not(.is-ready) .in-slide[data-i='0'] { animation: in-straight 2.6s var(--ease-out) .25s both; }
@keyframes in-straight {
  from { transform: perspective(900px) rotateX(9deg) rotateZ(-1.8deg) scale(1.24); }
  to { transform: none; }
}
.in-hero .in-veil { position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to top, rgba(8, 9, 11, .88) 0%, rgba(8, 9, 11, .38) 42%, rgba(8, 9, 11, .12) 70%, rgba(8, 9, 11, .42) 100%),
              linear-gradient(to right, rgba(8, 9, 11, .55) 0%, rgba(8, 9, 11, 0) 58%); }

/* тънките линии (мерникът) */
.in-hero .in-guides { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; max-width: none; pointer-events: none; opacity: var(--g, .3); transition: opacity .6s; }
.in-hero .in-guides line { stroke: var(--room, #2AC4EA); stroke-width: 1px; vector-effect: non-scaling-stroke; transform-box: fill-box; transform-origin: 50% 0; transform: scaleY(0); transition: transform 1.6s var(--ease-out); }
.in-hero .in-guides line:nth-child(2) { transition-delay: .12s; }
.in-hero .in-guides line:nth-child(3) { transition-delay: .24s; }
.in-hero .in-guides line:nth-child(4) { transition-delay: .36s; }
.in-hero .in-guides .in-hz { transform-origin: 0 50%; transform: scaleX(0); stroke-dasharray: 4 6; opacity: .7; }
.in-hero.is-drawn .in-guides line { transform: none; }

/* рамката на визьора и нивелирът */
.in-hero .in-hud { position: absolute; z-index: 3; inset: 112px clamp(16px, 2.4vw, 36px) clamp(16px, 2.4vw, 36px); pointer-events: none; }
.in-hero .in-corner { position: absolute; width: 26px; height: 26px; border: 0 solid rgba(255, 255, 255, .6); opacity: 0; transition: opacity 1s .6s; }
.in-hero.is-drawn .in-corner { opacity: 1; }
.in-hero .in-corner.tl { left: 0; top: 0; border-width: 1px 0 0 1px; }
.in-hero .in-corner.tr { right: 0; top: 0; border-width: 1px 1px 0 0; }
.in-hero .in-corner.bl { left: 0; bottom: 0; border-width: 0 0 1px 1px; }
.in-hero .in-corner.br { right: 0; bottom: 0; border-width: 0 1px 1px 0; }
.in-hero .in-level { position: absolute; top: 2px; right: 40px; display: flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
.in-hero .in-level-bar { position: relative; width: 74px; height: 1px; background: rgba(255, 255, 255, .28); }
.in-hero .in-level-bar i { position: absolute; left: 50%; top: 50%; width: 46px; height: 1px; margin: -.5px 0 0 -23px; background: var(--room, #2AC4EA); transform: rotate(var(--lv, 0deg)); }
.in-hero .in-level-bar i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border: 1px solid var(--room, #2AC4EA); transform: rotate(45deg); background: var(--in-dark); }
.in-hero .in-deg { min-width: 4.6em; font-weight: 700; letter-spacing: .06em; font-variant-numeric: tabular-nums; color: #fff; text-align: right; }
.in-hero.is-level .in-deg { color: var(--room, #2AC4EA); }

/* текстът */
.in-hero .in-hero-in { position: absolute; z-index: 4; left: 0; right: 0; bottom: clamp(70px, 13vh, 150px); }
.in-hero .in-hero-label { color: rgba(255, 255, 255, .82); }
.in-hero .in-hero-t { margin-top: 22px; font-size: clamp(40px, 4.8vw, 84px); line-height: 1.04; letter-spacing: -.04em; text-wrap: balance; }
.in-hero .in-hero-t .bold { font-weight: 800; }
.in-hero .in-hero-t .thin { font-weight: 200; }
.in-hero .in-hero-sub { max-width: 520px; margin-top: 26px; font-size: clamp(17px, 1.35vw, 20px); line-height: 1.6; color: rgba(255, 255, 255, .84); }
.in-hero .in-btns { margin-top: 34px; }

/* името на проекта долу вдясно */
.in-hero .in-caps { position: absolute; z-index: 4; right: max(clamp(16px, 2.4vw, 36px) + 30px, (100% - var(--max, 1320px)) / 2); bottom: clamp(70px, 13vh, 150px); width: min(320px, 40vw); height: 74px; }
.in-hero .in-cap { position: absolute; right: 0; bottom: 14px; display: grid; justify-items: end; gap: 3px; text-align: right; opacity: 0; transform: translate3d(0, 12px, 0); transition: opacity .6s, transform .9s var(--ease-out); pointer-events: none; color: #fff; }
.in-hero .in-cap.is-on { opacity: 1; transform: none; pointer-events: auto; transition-delay: .5s; }
.in-hero .in-cap-n { font-size: 11px; font-weight: 600; letter-spacing: .3em; color: rgba(255, 255, 255, .6); }
.in-hero .in-cap-t { font-size: 17px; font-weight: 700; }
.in-hero .in-cap-s { font-size: 13px; color: rgba(255, 255, 255, .7); }
.in-hero a.in-cap .arr { display: inline-block; margin-left: 6px; transition: transform .5s var(--ease-out); }
.in-hero a.in-cap:hover .arr { transform: translateX(4px); }
.in-hero .in-prog { position: absolute; right: 0; bottom: 0; width: 120px; height: 1px; background: rgba(255, 255, 255, .22); overflow: hidden; }
.in-hero .in-prog i { position: absolute; inset: 0; background: var(--room, #2AC4EA); transform: scaleX(0); transform-origin: left; }
.in-hero .in-prog.run i { animation: in-prog var(--in-ms, 6500ms) linear forwards; }
.in-hero[data-off] .in-prog i { animation-play-state: paused; }
@keyframes in-prog { to { transform: none; } }

@media (max-width: 900px) {
  .in-hero .in-hud { inset: 96px 16px 16px; }
  .in-hero .in-level { right: 34px; }
  .in-hero .in-hero-in { bottom: clamp(96px, 15vh, 140px); }
  .in-hero .in-caps { left: 16px; right: auto; bottom: 30px; width: auto; min-width: 220px; height: 58px; }
  .in-hero .in-cap { left: 0; right: auto; justify-items: start; text-align: left; bottom: 10px; max-width: calc(100vw - 32px); }
  .in-hero .in-cap-t { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; }
  .in-hero .in-cap-s, .in-hero a.in-cap .arr { display: none; }
  .in-hero .in-prog { left: 0; right: auto; }
}
@media (max-width: 600px) {
  .in-hero .in-level-k { display: none; }
  .in-hero .in-btns .btn { padding: 0 22px; }
}

/* ============================ ХИРО „МОЗАЙКА“ ============================ */
/* Осем квадратчета в мрежа 8 × 6 (като тухли): всяко се разкрива от една страна с тънка циан линия по ръба,
   после на всеки --in-ms едно от тях получава нова снимка. Текстът е отдолу вляво върху тъмна пелена. */
.in-mz { --mz-gap: 6px; }
.in-mz .in-mz-stage { position: absolute; inset: 0; overflow: hidden; background: var(--in-dark); }
.in-mz .in-mz-grid { position: absolute; inset: calc(var(--mz-gap) * -1); display: grid; gap: var(--mz-gap);
  grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: repeat(6, minmax(0, 1fr));
  grid-template-areas: 'a a a b b c c c' 'a a a b b c c c' 'a a a d d d e e' 'f f f d d d e e' 'f f f g g h h h' 'f f f g g h h h';
  transform: translate3d(calc(var(--mx, 0) * -16px), calc(var(--my, 0) * -12px), 0) scale(1.035);
  transition: transform 1.4s var(--ease-out); will-change: transform; }
.in-mz .in-mz-t { position: relative; display: block; overflow: hidden; background: #15171A; color: #fff; text-decoration: none; isolation: isolate; }
.in-mz .in-mz-t::after { content: ''; position: absolute; inset: 0; z-index: 3; background: #07080A; opacity: 0; transition: opacity .7s var(--ease-out); pointer-events: none; }
.in-mz.has-h .in-mz-t:not(.is-h)::after { opacity: .5; }
.in-mz .in-mz-s { position: absolute; inset: 0; }
.in-mz .in-mz-l { position: absolute; inset: 0; overflow: hidden; animation: 1.3s cubic-bezier(.77, 0, .18, 1) var(--dl, 0s) both, in-mz-zoom 2.2s cubic-bezier(.16, 1, .3, 1) var(--dl, 0s) both; }
.in-mz .in-mz-s[data-d='l'] .in-mz-l { animation-name: in-mz-cl, in-mz-zoom; }
.in-mz .in-mz-s[data-d='r'] .in-mz-l { animation-name: in-mz-cr, in-mz-zoom; }
.in-mz .in-mz-s[data-d='t'] .in-mz-l { animation-name: in-mz-ct, in-mz-zoom; }
.in-mz .in-mz-s[data-d='b'] .in-mz-l { animation-name: in-mz-cb, in-mz-zoom; }
#ajax-content-wrap .in-mz .in-mz-l img, .in-mz .in-mz-l img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover;
  transform-origin: var(--ox, 50%) var(--oy, 50%); animation: in-mz-kb 22s ease-in-out var(--kb, 0s) infinite alternate; }
/* ръбът: тънка линия в цвета на стаята върви заедно с разкриването и изчезва */
.in-mz .in-mz-e { position: absolute; inset: 0; z-index: 2; border: 0 solid var(--room, #2AC4EA); opacity: 0; pointer-events: none;
  animation: 1.3s cubic-bezier(.77, 0, .18, 1) var(--dl, 0s) both; }
.in-mz .in-mz-s[data-d='l'] .in-mz-e { border-right-width: 2px; animation-name: in-mz-el; }
.in-mz .in-mz-s[data-d='r'] .in-mz-e { border-left-width: 2px; animation-name: in-mz-er; }
.in-mz .in-mz-s[data-d='t'] .in-mz-e { border-bottom-width: 2px; animation-name: in-mz-et; }
.in-mz .in-mz-s[data-d='b'] .in-mz-e { border-top-width: 2px; animation-name: in-mz-eb; }
@keyframes in-mz-cl { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes in-mz-cr { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0); } }
@keyframes in-mz-ct { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
@keyframes in-mz-cb { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0); } }
@keyframes in-mz-zoom { from { transform: scale(1.16); } to { transform: none; } }
@keyframes in-mz-kb { from { transform: scale(1.02); } to { transform: scale(1.13); } }
@keyframes in-mz-el { 0% { opacity: 1; transform: translateX(-100%); } 80% { opacity: 1; } 100% { opacity: 0; transform: none; } }
@keyframes in-mz-er { 0% { opacity: 1; transform: translateX(100%); } 80% { opacity: 1; } 100% { opacity: 0; transform: none; } }
@keyframes in-mz-et { 0% { opacity: 1; transform: translateY(-100%); } 80% { opacity: 1; } 100% { opacity: 0; transform: none; } }
@keyframes in-mz-eb { 0% { opacity: 1; transform: translateY(100%); } 80% { opacity: 1; } 100% { opacity: 0; transform: none; } }
/* името на проекта при посочване */
.in-mz .in-mz-cap { position: absolute; z-index: 4; left: 14px; bottom: 12px; right: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  font-size: 13px; font-weight: 700; letter-spacing: .02em; color: #fff; text-shadow: 0 1px 12px rgba(0, 0, 0, .55);
  opacity: 0; transform: translate3d(0, 8px, 0); transition: opacity .5s, transform .7s var(--ease-out); pointer-events: none; }
.in-mz .in-mz-t.is-h .in-mz-cap { opacity: 1; transform: none; }
.in-mz .in-mz-cap .arr { display: inline-block; margin-left: 4px; color: var(--room, #2AC4EA); }
/* пелената: отляво и отдолу за текста, горе за менюто */
.in-mz .in-mz-veil { position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to bottom, rgba(8, 9, 11, .6) 0%, rgba(8, 9, 11, 0) 20%),
              linear-gradient(to top, rgba(8, 9, 11, .82) 0%, rgba(8, 9, 11, .35) 36%, rgba(8, 9, 11, 0) 60%),
              linear-gradient(to right, rgba(8, 9, 11, .78) 0%, rgba(8, 9, 11, .45) 34%, rgba(8, 9, 11, 0) 64%); }
.in-mz .in-hero-in { pointer-events: none; }
.in-mz .in-hero-in .in-btns { pointer-events: auto; }
.in-mz .in-hero-t { text-shadow: 0 2px 30px rgba(0, 0, 0, .35); }
/* таблет изправен и телефон: мрежа 3 × 4 */
@media (max-width: 760px), (max-width: 1024px) and (orientation: portrait) {
  .in-mz { --mz-gap: 4px; }
  .in-mz .in-mz-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-areas: 'a a b' 'c d d' 'e e f' 'g h h'; }
  .in-mz .in-mz-veil { background: linear-gradient(to bottom, rgba(8, 9, 11, .6) 0%, rgba(8, 9, 11, 0) 18%),
    linear-gradient(to top, rgba(8, 9, 11, .94) 0%, rgba(8, 9, 11, .8) 40%, rgba(8, 9, 11, .58) 64%, rgba(8, 9, 11, 0) 82%); }
  .in-mz .in-hero-in { bottom: clamp(28px, 5vh, 56px); }
}

/* ============================ ОБИКОЛКА ============================ */
.pfx.in-tour { position: relative; background: var(--in-dark); color: #fff; }
.in-tour .in-tour-head { padding: var(--space, clamp(96px, 13vh, 180px)) 0 clamp(48px, 8vh, 96px); }
.in-tour .label { color: rgba(255, 255, 255, .75); }
.in-tour .muted { color: rgba(255, 255, 255, .66); }
/* без скрипта (и при „намалено движение“): стаите една под друга */
.in-tour .in-room { position: relative; margin: 0; height: 82vh; height: 82svh; overflow: hidden; }
.in-tour .in-room-m { position: absolute; inset: 0; }
#ajax-content-wrap .in-tour .in-room-m img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.in-tour .in-room-m::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(6, 7, 9, .78), rgba(6, 7, 9, .1) 48%, rgba(6, 7, 9, 0) 70%); }
.in-tour .in-room-c { position: absolute; z-index: 2; left: max(24px, (100% - var(--max, 1320px)) / 2); right: 24px; bottom: clamp(56px, 10vh, 110px); display: grid; gap: 14px; justify-items: start; }
.in-tour .in-room-n { font-size: 12px; font-weight: 600; letter-spacing: .32em; color: var(--room, #2AC4EA); }
.in-tour .in-room-w { font-size: clamp(54px, 10vw, 168px); line-height: .92; letter-spacing: -.05em; font-weight: 800; }
.in-tour .in-room-p { font-size: 15px; font-weight: 600; color: rgba(255, 255, 255, .86); }
.in-tour a.in-room-p { padding-bottom: 3px; background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; }
.in-tour a.in-room-p .arr { display: inline-block; transition: transform .5s var(--ease-out); }
.in-tour a.in-room-p:hover .arr { transform: translateX(4px); }
.in-tour .in-door, .in-tour .in-tour-hud { display: none; }

/* със скрипта: закачена сцена, камерата минава от стая в стая */
.in-tour.is-live .in-tour-track { height: calc((var(--n) - 1) * 95vh + 100vh); height: calc((var(--n) - 1) * 95svh + 100svh); }
.in-tour.is-live .in-tour-stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
.in-tour.is-live .in-room { position: absolute; inset: 0; height: auto; z-index: calc(var(--i) + 1); visibility: hidden; clip-path: inset(var(--ct, 0%) var(--cr, 0%) var(--cb, 0%) var(--cl, 0%)); }
.in-tour.is-live .in-room.is-vis { visibility: visible; }
.in-tour.is-live .in-room-m { transform: scale(var(--s, 1)); }
.in-tour.is-live .in-room.is-vis .in-room-m { will-change: transform; }
.in-tour.is-live .in-room-c { opacity: var(--co, 0); transform: translate3d(0, calc((1 - var(--co, 0)) * 28px), 0); }
.in-tour.is-live .in-door { display: block; position: absolute; z-index: 100; pointer-events: none; border: 1px solid var(--room, #2AC4EA); top: var(--dt, 50%); right: var(--dr, 50%); bottom: var(--db, 50%); left: var(--dl, 50%); opacity: var(--do, 0); }
.in-tour.is-live .in-tour-hud { display: flex; position: absolute; z-index: 101; right: max(24px, (100% - var(--max, 1320px)) / 2); bottom: clamp(56px, 10vh, 110px); align-items: center; gap: 16px; font-size: 12px; font-weight: 600; letter-spacing: .2em; color: rgba(255, 255, 255, .7); }
.in-tour .in-tour-count b { color: #fff; font-weight: 700; }
.in-tour .in-tour-bar { position: relative; width: 120px; height: 1px; background: rgba(255, 255, 255, .25); }
.in-tour .in-tour-bar i { position: absolute; inset: 0; background: var(--room, #2AC4EA); transform-origin: left; transform: scaleX(var(--tp, 0)); }
.in-tour .in-tour-hint { position: absolute; right: 0; bottom: calc(100% + 18px); white-space: nowrap; opacity: var(--ho, 1); transition: opacity .4s; text-transform: uppercase; }
/* преходите с WebGL (оребрено стъкло, ленти, вълна): снимките се рисуват на едно платно, надписите остават отгоре */
.in-tour .in-tour-gl { display: none; }
.in-tour.is-live.is-gl .in-tour-gl { display: block; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; }
/* „вълната“ минава бавно: по-дълъг път на скрола за всяка снимка */
.in-tour.is-live.is-slow .in-tour-track { height: calc((var(--n) - 1) * 150vh + 100vh); height: calc((var(--n) - 1) * 150svh + 100svh); }
.in-tour.is-live.is-gl .in-room { clip-path: none; }
.in-tour.is-live.is-gl .in-room-m { opacity: 0; }
.in-tour.is-live.is-gl .in-door { display: none; }
.in-tour.is-live.is-gl .in-tour-stage::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(to top, rgba(6, 7, 9, .78), rgba(6, 7, 9, .1) 48%, rgba(6, 7, 9, 0) 70%); }
@media (max-width: 600px) {
  .in-tour .in-room-w { font-size: 11vw; }
}
@media (max-width: 900px) {
  .in-tour.is-live .in-tour-hud { left: 24px; right: auto; bottom: 26px; }
  .in-tour .in-room-c { bottom: 86px; }
  .in-tour .in-tour-hint { left: 0; right: auto; }
}

/* ============================ ТРИТЕ НЕЩА ============================ */
.pfx.in-craft { position: relative; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: var(--in-warm); color: var(--ink, #16181B); }
.in-craft .in-craft-head { margin-bottom: clamp(24px, 4vh, 48px); }
.in-craft .in-cr { width: min(100% - 48px, var(--max, 1320px)); margin: clamp(80px, 12vh, 160px) auto 0; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 110px); align-items: center; }
.in-craft .in-cr-l .in-cr-text { order: 2; }
.in-craft .in-cr-l { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.in-craft .in-cr-no { display: block; font-size: clamp(56px, 6vw, 96px); line-height: 1; font-weight: 200; letter-spacing: -.04em; color: var(--room, #2AC4EA); }
.in-craft .in-h3 { margin-top: 18px; }
.in-craft .in-p { margin-top: 18px; }
.in-craft .in-cr-hint { display: flex; align-items: center; gap: 12px; margin-top: 28px; font-size: 12px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; }
.in-craft .in-cr-hint-i { width: 30px; height: 1px; background: var(--room, #2AC4EA); position: relative; }
.in-craft .in-cr-hint-i::after { content: ''; position: absolute; right: -2px; top: -3px; width: 7px; height: 7px; border: 1px solid var(--room, #2AC4EA); transform: rotate(45deg); }
.in-craft .in-cr-stage { position: relative; }
#ajax-content-wrap .in-craft .in-cr-stage img { max-width: none; }
.in-craft .in-note { margin-top: 10px; font-size: 12px; color: #8A8D91; }

/* 01 линиите */
.in-craft .in-lines-view { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #D9D7D2; perspective: 900px; touch-action: pan-y; cursor: ew-resize; }
.in-craft .in-lines-plane { position: absolute; inset: -7%; transform-origin: 50% 68%; will-change: transform;
  transform: rotateX(calc((1 - var(--k, 0)) * 11deg)) rotateZ(calc((1 - var(--k, 0)) * -2.6deg)) scale(calc(1.26 - var(--k, 0) * .26)); }
#ajax-content-wrap .in-craft .in-lines-plane img { width: 100%; height: 100%; object-fit: cover; }
.in-craft .in-lines-g { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.in-craft .in-lines-g line { stroke: var(--room, #2AC4EA); stroke-width: 1px; vector-effect: non-scaling-stroke; opacity: .9; }
.in-craft .in-lines-deg { position: absolute; left: 14px; top: 12px; padding: 5px 9px; font-size: 12px; font-weight: 700; letter-spacing: .06em; font-variant-numeric: tabular-nums; color: #fff; background: rgba(10, 11, 13, .62); }
.in-craft .in-lines.is-straight .in-lines-deg { background: var(--room, #2AC4EA); color: #0B2530; }

/* плъзгачът (общ за линиите и светлината) */
.in-craft .in-range { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; margin-top: 18px; font-size: 13px; font-weight: 600; color: #5C6166; }
.in-craft input[type='range'] { -webkit-appearance: none; appearance: none; width: 100%; height: 28px; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; cursor: pointer; }
.in-craft input[type='range']::-webkit-slider-runnable-track { height: 1px; background: #B9B8B4; }
.in-craft input[type='range']::-moz-range-track { height: 1px; background: #B9B8B4; }
.in-craft input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; margin-top: -9px; border: 1.5px solid var(--ink, #16181B); background: var(--room, #2AC4EA); transform: rotate(45deg); border-radius: 0; }
.in-craft input[type='range']::-moz-range-thumb { width: 16px; height: 16px; border: 1.5px solid var(--ink, #16181B); background: var(--room, #2AC4EA); transform: rotate(45deg); border-radius: 0; }
.in-craft input[type='range']:focus-visible { outline: 2px solid var(--room, #2AC4EA); outline-offset: 4px; }

/* 02 светлината */
.in-craft .in-light-view { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #1A1B1E; }
.in-craft .in-light-f { position: absolute; inset: 0; margin: 0; opacity: 0; }
.in-craft .in-light-f:first-child { opacity: 1; }
#ajax-content-wrap .in-craft .in-light-f img { width: 100%; height: 100%; object-fit: cover; }
.in-craft .in-light-f figcaption { position: absolute; left: 14px; bottom: 12px; padding: 5px 9px; font-size: 12px; font-weight: 600; color: #fff; background: rgba(10, 11, 13, .55); }
.in-craft .in-light-f figcaption .arr { display: inline-block; transition: transform .5s var(--ease-out); }
.in-craft .in-light-f figcaption a:hover .arr { transform: translateX(3px); }
.in-craft .in-light-ctrl { position: relative; margin-top: 22px; padding-top: 44px; }
.in-craft .in-arc { position: absolute; left: 9px; right: 9px; top: 0; width: calc(100% - 18px); height: 56px; overflow: visible; pointer-events: none; }
.in-craft .in-arc path { fill: none; stroke: #B9B8B4; stroke-width: 1px; stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; }
.in-craft .in-sun { position: absolute; left: calc(9px + (100% - 18px) * var(--sx, 0)); top: calc(56px * var(--sy, 1)); width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: var(--sun, #FFE8B0); box-shadow: 0 0 0 5px color-mix(in srgb, var(--sun, #FFE8B0) 35%, transparent), 0 0 26px 6px color-mix(in srgb, var(--sun, #FFE8B0) 70%, transparent); transition: background-color .6s, box-shadow .6s; pointer-events: none; }
.in-craft .in-light-ctrl input[type='range'] { position: relative; z-index: 2; }
.in-craft .in-light-ticks { position: relative; height: 30px; margin: 6px 9px 0; }
.in-craft .in-light-t { position: absolute; left: var(--x); top: 0; transform: translateX(-50%); padding: 4px 6px; font-size: 12px; font-weight: 600; letter-spacing: .04em; white-space: nowrap; color: #8A8D91; transition: color .3s; }
.in-craft .in-light-t:first-child { transform: none; }
.in-craft .in-light-t:last-child { transform: translateX(-100%); }
.in-craft .in-light-t.is-on { color: var(--ink, #16181B); }

/* 03 детайлът */
.in-craft .in-detail-view { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #1A1B1E; touch-action: pan-y; }
#ajax-content-wrap .in-craft .in-detail-view > img { width: 100%; height: 100%; object-fit: cover; }
.in-craft .in-loupe { position: absolute; left: 0; top: 0; width: clamp(130px, 18vw, 240px); aspect-ratio: 1; pointer-events: none; opacity: 0; transition: opacity .6s; box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .55); will-change: transform; }
.in-craft .in-detail.is-on .in-loupe { opacity: 1; }
.in-craft .in-loupe-i { position: absolute; inset: 0; background: #222 no-repeat; border: 1px solid rgba(255, 255, 255, .9); }
.in-craft .in-loupe::before, .in-craft .in-loupe::after { content: ''; position: absolute; z-index: 1; width: 16px; height: 16px; border: 0 solid var(--room, #2AC4EA); }
.in-craft .in-loupe::before { left: -6px; top: -6px; border-width: 1.5px 0 0 1.5px; }
.in-craft .in-loupe::after { right: -6px; bottom: -6px; border-width: 0 1.5px 1.5px 0; }
.in-craft .in-loupe b { position: absolute; z-index: 1; right: 6px; bottom: 6px; padding: 3px 6px; font-size: 10px; font-weight: 700; letter-spacing: .1em; color: #0B2530; background: var(--room, #2AC4EA); }

@media (max-width: 900px) {
  .in-craft .in-cr, .in-craft .in-cr-l { grid-template-columns: minmax(0, 1fr); gap: 28px; width: min(100% - 32px, var(--max, 1320px)); }
  .in-craft .in-cr-l .in-cr-text { order: 0; }
  .in-craft .in-range { grid-template-columns: 1fr 1fr; }
  .in-craft .in-range input { grid-column: 1 / -1; grid-row: 1; }
  .in-craft .in-range-b { text-align: right; }
}

/* ============================ ЗА КОГО ============================ */
.pfx.in-for { position: relative; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: #fff; color: var(--ink, #16181B); }
.in-for .in-for-head { max-width: 820px; margin-bottom: clamp(48px, 8vh, 96px); }
.in-for .in-for-list { border-top: 1px solid var(--in-line); }
.in-for .in-for-i { border-bottom: 1px solid var(--in-line); }
.in-for .in-for-a { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: 24px; padding: clamp(22px, 3.4vh, 38px) 0; }
.in-for .in-for-a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--room, #2AC4EA); transform: scaleX(0); transform-origin: left; transition: transform .8s var(--ease-out); }
.in-for a.in-for-a:hover::after, .in-for a.in-for-a:focus-visible::after { transform: none; }
.in-for .in-for-n { font-size: 12px; font-weight: 600; letter-spacing: .26em; color: #9A9DA1; transition: color .4s; }
.in-for .in-for-w { font-size: clamp(28px, 3.4vw, 54px); line-height: 1.04; letter-spacing: -.035em; font-weight: 200; transition: transform .7s var(--ease-out); }
.in-for .in-for-t { display: grid; gap: 6px; }
.in-for .in-for-d { font-size: 16px; line-height: 1.55; color: #3E4246; }
.in-for .in-for-e { font-size: 13px; color: #8A8D91; }
.in-for .in-for-m { display: none; }
.in-for a.in-for-a:hover .in-for-w { transform: translateX(14px); }
.in-for a.in-for-a:hover .in-for-n { color: var(--room, #2AC4EA); }
/* снимката до мишката (само с мишка) */
.in-for .in-for-float { position: fixed; left: 0; top: 0; z-index: 60; width: clamp(220px, 21vw, 340px); pointer-events: none; opacity: 0; transition: opacity .35s; will-change: transform; }
.in-for .in-for-float.is-on { opacity: 1; }
.in-for .in-for-float-i { position: relative; aspect-ratio: 4 / 3; overflow: hidden; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .45); }
#ajax-content-wrap .in-for .in-for-float-i img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: 0; transform: scale(1.08); transition: opacity .45s, transform 1s var(--ease-out); }
#ajax-content-wrap .in-for .in-for-float-i img.is-on { opacity: 1; transform: none; }
@media (hover: none), (pointer: coarse) {
  .in-for .in-for-a { grid-template-columns: minmax(0, 1fr) 96px; grid-template-areas: 'n m' 'w m' 't t'; gap: 10px 20px; }
  .in-for .in-for-n { grid-area: n; }
  .in-for .in-for-w { grid-area: w; }
  .in-for .in-for-t { grid-area: t; }
  .in-for .in-for-m { grid-area: m; display: block; width: 96px; aspect-ratio: 1; overflow: hidden; align-self: start; }
  #ajax-content-wrap .in-for .in-for-m img { width: 100%; height: 100%; object-fit: cover; }
  .in-for .in-for-float { display: none; }
}
@media (max-width: 760px) {
  .in-for .in-for-a { grid-template-columns: minmax(0, 1fr) 84px; grid-template-areas: 'n m' 'w m' 't t'; gap: 10px 18px; }
  .in-for .in-for-n { grid-area: n; }
  .in-for .in-for-w { grid-area: w; }
  .in-for .in-for-t { grid-area: t; }
  .in-for .in-for-m { grid-area: m; display: block; width: 84px; aspect-ratio: 1; overflow: hidden; align-self: start; }
  #ajax-content-wrap .in-for .in-for-m img { width: 100%; height: 100%; object-fit: cover; }
}

/* ============================ ПРОЕКТИТЕ ============================ */
.pfx.in-projects { position: relative; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: #fff; color: var(--ink, #16181B); }
.in-projects .in-pr-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.in-projects .in-pr-head .in-p { max-width: 440px; }
.in-projects .in-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: clamp(36px, 6vh, 64px) 0 clamp(28px, 4vh, 44px); }
.in-projects .in-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 18px; border-radius: 999px; box-shadow: inset 0 0 0 1px #CFCFCB; font-size: 14px; font-weight: 600; transition: background-color .3s, color .3s, box-shadow .3s; }
.in-projects .in-chip sup { font-size: 10px; font-weight: 600; opacity: .55; top: -.5em; }
.in-projects .in-chip:hover { box-shadow: inset 0 0 0 1px var(--ink, #16181B); }
.in-projects .in-chip.is-on { background: var(--ink, #16181B); color: #fff; box-shadow: none; }
.in-projects .in-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(36px, 5vh, 56px) clamp(16px, 2vw, 28px); transition: opacity .28s, transform .5s var(--ease-out); }
.in-projects.is-switch .in-grid { opacity: 0; transform: translate3d(0, 14px, 0); }
.in-projects .in-card { grid-column: span 2; }
.in-projects .in-card:nth-child(5n+1), .in-projects .in-card:nth-child(5n+2) { grid-column: span 3; }
.in-projects .in-card[data-w='2'] { grid-column: span 2; }
.in-projects .in-card[data-w='3'] { grid-column: span 3; }
.in-projects .in-card.is-more, .in-projects .in-card[hidden] { display: none; }
.in-projects.is-all .in-card.is-more:not([hidden]) { display: block; }
.in-projects .in-card.is-new { animation: in-card-in .9s var(--ease-out) both; animation-delay: calc(var(--k, 0) * 60ms); }
@keyframes in-card-in { from { opacity: 0; transform: translate3d(0, 30px, 0); } }
.in-projects .in-card > a { display: block; }
.in-projects .in-card-m { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #ECEBE7; }
.in-projects .in-card[data-w='3'] .in-card-m, .in-projects .in-card:is(:nth-child(5n+1), :nth-child(5n+2)):not([data-w]) .in-card-m { aspect-ratio: 3 / 2; }
#ajax-content-wrap .in-projects .in-card-m img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 1.2s var(--ease-out), opacity .7s; }
#ajax-content-wrap .in-projects .in-card-m img.in-card-alt { opacity: 0; }
#ajax-content-wrap .in-projects .in-card-m img.in-card-alt.is-show { opacity: 1; }
.in-projects .in-card > a:hover .in-card-m img { transform: scale(1.04); }
.in-projects .in-card-meta { display: grid; gap: 4px; margin-top: 16px; }
.in-projects .in-card-t { font-size: 19px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; }
.in-projects .in-card-s { font-size: 14px; line-height: 1.45; color: #5C6166; }
.in-projects .in-card-n { margin-top: 4px; font-size: 11px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; color: #9A9DA1; }
.in-projects .in-card-t { justify-self: start; padding-bottom: 2px; background: linear-gradient(var(--room, #2AC4EA), var(--room, #2AC4EA)) 0 100% / 0 1px no-repeat; transition: background-size .7s var(--ease-out); }
.in-projects .in-card > a:hover .in-card-t { background-size: 100% 1px; }
.in-projects .in-more-w { display: flex; justify-content: center; margin-top: clamp(48px, 8vh, 80px); }
.in-projects .in-more-w[hidden] { display: none; }
.in-projects .in-more sup { font-size: 10px; opacity: .6; top: -.5em; }
@media (max-width: 1000px) {
  .in-projects .in-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .in-projects .in-card, .in-projects .in-card[data-w], .in-projects .in-card:is(:nth-child(5n+1), :nth-child(5n+2)) { grid-column: span 1; }
  .in-projects .in-card-m, .in-projects .in-card[data-w='3'] .in-card-m { aspect-ratio: 4 / 5; }
}
@media (max-width: 600px) {
  .in-projects .in-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--pad, 24px)); padding: 2px var(--pad, 24px); scrollbar-width: none; }
  .in-projects .in-chips::-webkit-scrollbar { display: none; }
  .in-projects .in-chip { flex: 0 0 auto; }
  .in-projects .in-grid { grid-template-columns: minmax(0, 1fr); }
  .in-projects .in-card-m, .in-projects .in-card[data-w='3'] .in-card-m, .in-projects .in-card:is(:nth-child(5n+1), :nth-child(5n+2)):not([data-w]) .in-card-m { aspect-ratio: 3 / 2; }
}

/* ============================ КАК РАБОТЯ: ПЛАНЪТ ============================ */
.pfx.in-plan { position: relative; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: var(--in-night); color: #fff; }
.in-plan .label { color: rgba(255, 255, 255, .75); }
.in-plan .in-plan-head { margin-bottom: clamp(24px, 6vh, 64px); }
.in-plan .in-plan-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 110px); }
.in-plan .in-steps { counter-reset: none; }
.in-plan .in-step { padding: 18vh 0; opacity: .28; transition: opacity .7s; }
.in-plan .in-step:first-child { padding-top: 8vh; }
.in-plan .in-step:last-child { padding-bottom: 22vh; }
.in-plan .in-step.is-on { opacity: 1; }
.in-plan .in-step-n { display: block; font-size: clamp(48px, 5vw, 80px); line-height: 1; font-weight: 200; letter-spacing: -.04em; color: var(--room, #2AC4EA); }
.in-plan .in-step .in-h3 { margin-top: 16px; }
.in-plan .in-step .in-p { margin-top: 14px; color: rgba(255, 255, 255, .74); }
.in-plan .in-plan-pin { position: sticky; top: 14vh; height: 72vh; display: flex; align-items: center; }
.in-plan .in-plan-art { position: relative; width: 100%; }
.in-plan .in-plan-svg { width: 100%; height: auto; max-width: none; overflow: visible; }
.in-plan .in-plan-svg * { fill: none; stroke-linecap: round; stroke-linejoin: round; }
/* стените се изчертават (докрай), когато секцията се покаже */
.in-plan .in-pl-walls path { stroke: #fff; stroke-width: 3; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2.2s var(--ease-out); }
.in-plan .in-pl-walls .in-pl-door { stroke-width: 1.5; stroke: rgba(255, 255, 255, .7); transition-delay: .9s; }
.in-plan .in-pl-walls .in-pl-win { stroke-width: 1.5; stroke: var(--room, #2AC4EA); transition-delay: 1.2s; }
.in-plan.is-in .in-pl-walls path { stroke-dashoffset: 0; }
.in-plan .in-pl-dim path { stroke: rgba(255, 255, 255, .35); stroke-width: 1; opacity: 0; transition: opacity 1s 1.4s; }
.in-plan.is-in .in-pl-dim path { opacity: 1; }
/* мебелите идват във втората стъпка */
.in-plan .in-pl-furn > * { stroke: rgba(255, 255, 255, .8); stroke-width: 1.5; opacity: 0; transform: translateY(10px); transform-box: fill-box; transition: opacity .7s, transform .9s var(--ease-out); }
.in-plan .in-pl-furn > :nth-child(2) { transition-delay: .06s; } .in-plan .in-pl-furn > :nth-child(3) { transition-delay: .12s; } .in-plan .in-pl-furn > :nth-child(4) { transition-delay: .18s; }
.in-plan .in-pl-furn > :nth-child(5) { transition-delay: .24s; } .in-plan .in-pl-furn > :nth-child(n+6) { transition-delay: .32s; }
.in-plan.s1 .in-pl-furn > * { opacity: 1; transform: none; }
/* светлината от прозореца и камерите с полето на видимост: третата стъпка */
.in-plan .in-pl-sun path { stroke: var(--room, #2AC4EA); stroke-width: 1; stroke-dasharray: 2 6; opacity: 0; transition: opacity 1s; }
.in-plan.s2 .in-pl-sun path { opacity: .7; }
.in-plan .in-cam { opacity: 0; transition: opacity .6s; transition-delay: calc(var(--c) * .25s); }
.in-plan.s2 .in-cam { opacity: 1; }
.in-plan .in-cone { fill: color-mix(in srgb, var(--room, #2AC4EA) 14%, transparent); stroke: var(--room, #2AC4EA); stroke-width: 1; transform-box: fill-box; transform-origin: 100% 100%; transform: scale(.2); transition: transform 1.2s var(--ease-out); transition-delay: calc(var(--c) * .25s); }
.in-plan .in-cam[style*='--c:1'] .in-cone { transform-origin: 0 100%; }
.in-plan .in-cam[style*='--c:2'] .in-cone { transform-origin: 100% 0; }
.in-plan.s2 .in-cone { transform: none; }
.in-plan .in-cam-b { fill: var(--room, #2AC4EA); stroke: none; }
.in-plan.s3 .in-cone { animation: in-cone 2.6s ease-in-out infinite; animation-delay: calc(var(--c) * .4s); }
@keyframes in-cone { 50% { fill: color-mix(in srgb, var(--room, #2AC4EA) 26%, transparent); } }
/* кадрите излизат в последната стъпка */
.in-plan .in-shots { position: absolute; inset: 0; pointer-events: none; }
.in-plan .in-shot { position: absolute; width: 27%; aspect-ratio: 3 / 2; padding: 5px; background: #fff; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .7); opacity: 0; transform: translate3d(0, 30px, 0) rotate(0deg) scale(.6); transition: opacity .8s, transform 1.1s var(--ease-out); transition-delay: calc(var(--j) * .18s); }
#ajax-content-wrap .in-plan .in-shot img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.in-plan .in-shot[style*='--j:0'] { right: -4%; top: 2%; --r: 4deg; }
.in-plan .in-shot[style*='--j:1'] { left: -6%; bottom: 4%; --r: -5deg; }
.in-plan .in-shot[style*='--j:2'] { right: 8%; bottom: -6%; --r: 2deg; }
.in-plan.s3 .in-shot { opacity: 1; transform: rotate(var(--r, 0deg)); }
@media (max-width: 900px) {
  .in-plan .in-plan-grid { display: flex; flex-direction: column; gap: 0; }
  .in-plan .in-plan-side { order: -1; position: sticky; top: 64px; z-index: 2; margin-inline: calc(-1 * var(--pad, 24px)); padding: 14px var(--pad, 24px) 18px; background: var(--in-night); }
  .in-plan .in-plan-pin { position: static; height: auto; display: block; }
  .in-plan .in-plan-art { width: min(100%, 420px); margin: 0 auto; }
  .in-plan .in-step { padding: 9vh 0; }
  .in-plan .in-step:first-child { padding-top: 6vh; }
  .in-plan .in-step:last-child { padding-bottom: 12vh; }
}

/* ============================ ЦЕНА И КОНТАКТ ============================ */
.pfx.in-contact { position: relative; overflow: hidden; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: #08090B; color: #fff; isolation: isolate; }
.in-contact .in-contact-bg { position: absolute; inset: -4%; z-index: -1; opacity: .2; }
#ajax-content-wrap .in-contact .in-contact-bg img { width: 100%; height: 100%; max-width: none; object-fit: cover; animation: in-drift 32s ease-in-out infinite alternate; }
.pfx.in-contact[data-off] .in-contact-bg img, .pfx.in-plan[data-off] .in-cone { animation-play-state: paused; }
@keyframes in-drift { to { transform: scale(1.08) translate3d(-1.5%, -1%, 0); } }
.in-contact .label { color: rgba(255, 255, 255, .75); }
.in-contact .in-contact-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(32px, 6vw, 110px); align-items: end; }
.in-contact .in-p { margin-top: 24px; color: rgba(255, 255, 255, .78); }
.in-contact .in-btns { margin-top: 34px; }
.in-contact .in-price { display: grid; gap: 10px; padding: clamp(24px, 3vw, 40px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); background: rgba(8, 9, 11, .5); }
.in-contact .in-price-k { font-size: 12px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: var(--room, #2AC4EA); }
.in-contact .in-price-v { font-size: clamp(28px, 2.8vw, 42px); line-height: 1.1; font-weight: 200; letter-spacing: -.02em; }
.in-contact .in-price-n { font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, .7); }
@media (max-width: 900px) {
  .in-contact .in-contact-in { grid-template-columns: minmax(0, 1fr); }
}

/* ============================ ПУБЛИКАЦИИ (СПИСАНИЯТА) ============================ */
.pfx.in-press { position: relative; overflow: hidden; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: var(--in-warm); color: var(--ink, #16181B); }
.in-press .in-press-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 110px); align-items: center; }
.in-press .in-p { margin-top: 26px; }
.in-press .muted { color: #4A4E52; }
.in-press .in-press-mags { margin-top: clamp(32px, 5vh, 52px); padding-top: 22px; border-top: 1px solid #D6D4CF; }
.in-press .in-press-k { display: block; font-size: 11px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: #8A8D91; }
.in-press .in-press-mags ul { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin-top: 12px; }
.in-press .in-press-mags li { font-size: clamp(24px, 2.4vw, 36px); line-height: 1.15; font-weight: 800; letter-spacing: -.03em; }
.in-press .in-press-mags li + li::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 20px; vertical-align: .22em; transform: rotate(45deg); background: var(--room, #2AC4EA); }
/* купчината: снимките лежат една върху друга, отпред е data-pos="0" */
.in-press .in-press-stage { position: relative; }
.in-press .in-press-stack { position: relative; aspect-ratio: 1 / 1; max-height: 78vh; margin-inline: auto; }
.in-press .in-press-i { position: absolute; left: 50%; top: 47%; width: 50%; margin: 0;
  --tx: 0%; --ty: 0%; --tr: 0deg; --ts: 1; --sp: 1;
  transform: translate(-50%, -50%) translate(calc(var(--tx) * var(--sp)), calc(var(--ty) * var(--sp))) rotate(var(--tr)) scale(var(--ts));
  transition: transform 1.1s var(--ease-out), filter .8s, opacity .7s; will-change: transform; }
.in-press .in-press-i[data-o='l'] { width: 74%; }
.in-press .in-press-i[data-pos='0'] { z-index: 6; --tr: -2.5deg; }
.in-press .in-press-i[data-pos='1'] { z-index: 5; --tx: -34%; --ty: 7%; --tr: -9deg; --ts: .82; filter: brightness(.94); }
.in-press .in-press-i[data-pos='2'] { z-index: 4; --tx: 36%; --ty: 5%; --tr: 7deg; --ts: .82; filter: brightness(.94); }
.in-press .in-press-i[data-pos='3'] { z-index: 3; --tx: 4%; --ty: -8%; --tr: 3deg; --ts: .74; filter: brightness(.9); }
.in-press .in-press-i[data-pos='4'], .in-press .in-press-i[data-pos='5'] { z-index: 2; --tx: -8%; --ty: -10%; --tr: -4deg; --ts: .7; filter: brightness(.88); }
/* от шестата нататък: чакат реда си най-отзад, невидими (при повече от шест изрезки) */
@media (min-width: 901px) {
  .in-press .in-press-i:not([data-pos='0']):not([data-pos='1']):not([data-pos='2']):not([data-pos='3']):not([data-pos='4']):not([data-pos='5']) { z-index: 1; --tx: -8%; --ty: -10%; --tr: -4deg; --ts: .7; filter: brightness(.88); opacity: 0; pointer-events: none; }
}
.in-press .in-press-stage:hover .in-press-i { --sp: 1.18; }
.in-press .in-press-stage:hover .in-press-i[data-pos='0'] { --ts: 1.03; }
.in-press .in-press-b { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; box-shadow: 0 44px 80px -34px rgba(20, 18, 14, .55), 0 6px 18px -8px rgba(20, 18, 14, .25); }
.in-press .in-press-i[data-pos='0'] .in-press-b { cursor: default; }
#ajax-content-wrap .in-press .in-press-b img { display: block; width: 100%; height: auto; max-width: none; margin: 0; }
.in-press .in-press-b:focus-visible { outline: 2px solid var(--room, #2AC4EA); outline-offset: 4px; }
.in-press .in-press-fc { display: none; }
/* подписът под купчината и точките */
.in-press .in-press-caps { position: relative; min-height: 58px; margin-top: 6px; text-align: center; }
.in-press .in-press-c { position: absolute; left: 0; right: 0; top: 0; display: grid; gap: 4px; margin: 0; opacity: 0; transform: translate3d(0, 8px, 0); transition: opacity .5s, transform .7s var(--ease-out); }
.in-press .in-press-c.is-on { opacity: 1; transform: none; transition-delay: .25s; }
.in-press .in-press-c b, .in-press .in-press-fc b { font-size: 16px; font-weight: 700; }
.in-press .in-press-c span, .in-press .in-press-fc span { font-size: 13px; color: #6B6F73; }
.in-press .in-press-dots { display: flex; justify-content: center; gap: 10px; margin-top: 10px; }
.in-press .in-press-d { width: 9px; height: 9px; padding: 0; border: 1px solid #9A9DA1; background: none; transform: rotate(45deg); cursor: pointer; transition: background-color .3s, border-color .3s; }
.in-press .in-press-d.is-on { background: var(--room, #2AC4EA); border-color: var(--room, #2AC4EA); }
@media (max-width: 900px) {
  .in-press .in-press-grid { grid-template-columns: minmax(0, 1fr); }
  /* на телефон: лента за плъзгане, всеки кадър със свой подпис */
  .in-press .in-press-stack { display: flex; gap: 16px; aspect-ratio: auto; max-height: none; margin-inline: calc(-1 * var(--pad, 24px)); padding: 10px var(--pad, 24px) 30px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .in-press .in-press-stack::-webkit-scrollbar { display: none; }
  .in-press .in-press-i, .in-press .in-press-i[data-o='l'] { position: relative; left: auto; top: auto; flex: 0 0 auto; width: 66vw; max-width: 340px; transform: none; filter: none; opacity: 1; pointer-events: auto; scroll-snap-align: center; }
  .in-press .in-press-i[data-o='l'] { width: 84vw; max-width: 460px; align-self: flex-start; }
  .in-press .in-press-b { cursor: default; box-shadow: 0 24px 40px -24px rgba(20, 18, 14, .5); }
  .in-press .in-press-fc { display: grid; gap: 3px; margin-top: 14px; }
  .in-press .in-press-caps, .in-press .in-press-dots { display: none; }
}

/* ============================ ДОВЕРИЕ ============================ */
.pfx.in-trust { position: relative; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: var(--in-dark); color: #fff; }
.in-trust .label { color: rgba(255, 255, 255, .75); }
.in-trust .in-trust-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: clamp(48px, 8vh, 88px); border-top: 1px solid rgba(255, 255, 255, .16); }
.in-trust .in-trust-i { display: grid; align-content: start; gap: 12px; padding: clamp(26px, 4vh, 40px) clamp(14px, 2vw, 28px) 0 0; }
.in-trust .in-trust-i + .in-trust-i { padding-left: clamp(14px, 2vw, 28px); border-left: 1px solid rgba(255, 255, 255, .16); }
.in-trust .in-trust-v { font-size: clamp(40px, 4.6vw, 76px); line-height: 1; font-weight: 200; letter-spacing: -.04em; font-variant-numeric: tabular-nums; color: #fff; }
.in-trust .in-trust-i:first-child .in-trust-v { color: var(--room, #2AC4EA); }
.in-trust .in-trust-t { max-width: 240px; font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, .7); }
.in-trust .in-trust-res { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: clamp(20px, 4vw, 64px); align-items: baseline; margin-top: clamp(56px, 9vh, 104px); padding-top: clamp(28px, 4vh, 44px); border-top: 1px solid rgba(255, 255, 255, .16); }
.in-trust .in-trust-k { font-size: 11px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: var(--room, #2AC4EA); }
.in-trust .in-trust-q { max-width: 860px; font-size: clamp(22px, 2.2vw, 34px); line-height: 1.35; font-weight: 300; letter-spacing: -.015em; }
.in-trust .in-trust-q b { font-weight: 700; }
.in-trust .in-trust-a { grid-column: 2; justify-self: start; margin-top: 10px; padding-bottom: 3px; font-size: 15px; font-weight: 600; color: #fff; background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; }
.in-trust .in-trust-a .arr { display: inline-block; transition: transform .5s var(--ease-out); }
.in-trust .in-trust-a:hover .arr { transform: translateX(4px); }
@media (max-width: 900px) {
  .in-trust .in-trust-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .in-trust .in-trust-i:nth-child(3) { padding-left: 0; border-left: 0; }
  .in-trust .in-trust-i { padding-bottom: 26px; }
  .in-trust .in-trust-res { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .in-trust .in-trust-a { grid-column: 1; }
}

/* ============================ ПАКЕТИ И ЦЕНИ ============================ */
.pfx.in-packages { position: relative; padding-block: var(--space, clamp(96px, 13vh, 180px)); background: #fff; color: var(--ink, #16181B); }
.in-packages .in-pk-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; margin-bottom: clamp(44px, 7vh, 80px); }
.in-packages .in-pk-head .in-p { max-width: 440px; }
.in-packages .muted { color: #4A4E52; }
.in-packages .in-pk-grid { display: grid; grid-template-columns: repeat(var(--k, 3), minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); align-items: stretch; }
.in-packages .in-pk { position: relative; display: flex; flex-direction: column; padding: clamp(28px, 2.8vw, 44px); box-shadow: inset 0 0 0 1px var(--in-line); background: #fff; transition: box-shadow .5s, transform .7s var(--ease-out); }
.in-packages .in-pk:hover { box-shadow: inset 0 0 0 1px #B9B8B4; }
.in-packages .in-pk.is-best { background: var(--in-dark); color: #fff; box-shadow: none; }
.in-packages .in-pk-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.in-packages .in-pk-n { font-size: clamp(26px, 2.4vw, 36px); line-height: 1.1; letter-spacing: -.03em; font-weight: 800; }
/* „Препоръчвам“ виси на горния ръб, за да не измества редовете спрямо другите пакети */
.in-packages .in-pk-badge { position: absolute; top: 0; right: clamp(20px, 2.4vw, 36px); transform: translateY(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #0B2530; background: var(--room, #2AC4EA); }
.in-packages .in-pk-s { margin-top: 8px; font-size: 15px; line-height: 1.5; color: #5C6166; }
.in-packages .is-best .in-pk-s { color: rgba(255, 255, 255, .7); }
/* броят кадри: по една черта за кадър, изтеглят се, когато пакетът се покаже */
.in-packages .in-pk-shots { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin-top: 26px; padding: 18px 0; border-block: 1px solid var(--in-line); }
.in-packages .is-best .in-pk-shots { border-color: rgba(255, 255, 255, .16); }
.in-packages .in-pk-f { display: flex; gap: 4px; height: 28px; align-items: flex-end; }
.in-packages .in-pk-f i { display: block; width: 3px; height: 100%; background: var(--room, #2AC4EA); transform: scaleY(.18); transform-origin: 50% 100%; transition: transform .7s var(--ease-out); transition-delay: calc(var(--d, 0) * 1ms + 300ms + var(--j) * 35ms); }
.in-packages .in-pk[data-in] .in-pk-f i, html:not([data-js]) .in-packages .in-pk-f i { transform: none; }
.in-packages .in-pk-c { font-size: 15px; color: #5C6166; white-space: nowrap; }
.in-packages .in-pk-c b { font-size: 22px; font-weight: 800; color: var(--ink, #16181B); letter-spacing: -.02em; }
.in-packages .is-best .in-pk-c { color: rgba(255, 255, 255, .7); }
.in-packages .is-best .in-pk-c b { color: #fff; }
.in-packages .in-pk-l { display: grid; gap: 12px; margin-top: 24px; }
.in-packages .in-pk-l li { position: relative; padding-left: 22px; font-size: 16px; line-height: 1.5; }
.in-packages .in-pk-l li::before { content: ''; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border: 1px solid var(--room, #2AC4EA); transform: rotate(45deg); }
.in-packages .in-pk-l b { font-weight: 700; }
.in-packages .in-pk-foot { display: grid; gap: 22px; margin-top: auto; padding-top: 34px; }
.in-packages .in-pk-p { font-size: clamp(44px, 4.4vw, 68px); line-height: 1; font-weight: 200; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.in-packages .in-pk-btn { justify-self: start; }
.in-packages .is-best .btn-ghost, .in-packages .is-best .btn-ghost:hover { color: #fff; }
/* индивидуалната оферта: широка лента отдолу */
.in-packages .in-pk-ind { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, 4vw, 64px); align-items: center; margin-top: clamp(14px, 1.6vw, 24px); padding: clamp(28px, 3vw, 48px); background: var(--in-warm); }
.in-packages .in-pk-ind .in-p { margin-top: 12px; max-width: 640px; color: #3E4246; }
.in-packages .in-pk-ind-a { display: flex; align-items: center; justify-content: flex-end; gap: 24px; flex-wrap: wrap; }
.in-packages .in-pk-ind .in-pk-p { font-size: clamp(26px, 2.4vw, 36px); letter-spacing: -.02em; }
.in-packages .in-pk-fine { max-width: 860px; margin-top: clamp(28px, 4vh, 44px); font-size: 15px; line-height: 1.7; color: #5C6166; }
.in-packages .in-pk-fine b { color: var(--ink, #16181B); font-weight: 700; }
@media (max-width: 1000px) {
  .in-packages .in-pk-grid { grid-template-columns: minmax(0, 1fr); }
  .in-packages .in-pk-ind { grid-template-columns: minmax(0, 1fr); }
  .in-packages .in-pk-ind-a { justify-content: flex-start; }
}

/* ============================ НАМАЛЕНО ДВИЖЕНИЕ ============================ */
@media (prefers-reduced-motion: reduce) {
  .in-hero .in-slide, .in-hero .in-slide img, .in-hero .in-guides line, .in-craft .in-lines-plane, .in-plan *, .in-projects .in-grid, .in-press .in-press-i, .in-press .in-press-c { transition: none !important; animation: none !important; }
  .in-packages .in-pk-f i { transform: none; transition: none; }
  .in-hero:not(.is-ready) .in-slide[data-i='0'] { animation: none; }
  .in-hero .in-slide.is-on img { transform: none; }
  .in-hero .in-guides line { transform: none; }
  .in-contact .in-contact-bg img { animation: none; }
  .in-mz .in-mz-l, .in-mz .in-mz-l img, .in-mz .in-mz-e { animation: none !important; }
  .in-mz .in-mz-e { display: none; }
  .in-mz .in-mz-grid { transform: none; transition: none; }
}