/* ОБЪЕКТ — блок «Похожие проекты» + «Предыдущий / следующий объект» (objrl-*). Карточки — разметка и стиль блока
   «Наши проекты» (objekt-projects.css, обёртка .objf внутри блока). Раскладка — от ширины места (container objrl):
   телефон — лента по одной карточке + край следующей; от 625px — две колонки; от 1000px — три.
   main.css гасит рамку фокуса у всего — поэтому у :focus-visible здесь !important. */
.objrl,
.objrl *,
.objrl *::before,
.objrl *::after{box-sizing:border-box;}
.objrl{container:objrl / inline-size;background:var(--objekt-color-bg);color:var(--objekt-color-cream);font-family:var(--objekt-font-body);padding:var(--objekt-section-py-cq) 0;margin:0;}
.objrl .objrl-wrap{--objrl-pad:16px;padding:0 var(--objrl-pad);}
.objrl svg{display:block;flex-shrink:0;}
.objrl .objrl-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:clamp(20px, 2.2vw, 32px);}
.objrl .objrl-head__text{flex:1 1 280px;min-width:0;}
.objrl .objrl-eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 16px;font-size:var(--objekt-fs-caption);letter-spacing:0.24em;text-transform:uppercase;color:var(--objekt-color-accent);}
.objrl .objrl-eyebrow span{flex-shrink:0;}
.objrl .objrl-eyebrow i{display:block;flex:1 1 auto;max-width:560px;height:1px;background:var(--objekt-color-line-strong);}
.objrl .objrl-title{font-family:var(--objekt-font-heading);font-weight:500;font-size:var(--objekt-fs-display-mobile-cq, clamp(32px, 11cqw, 48px));line-height:1.05;letter-spacing:var(--objekt-tracking-heading);margin:0;}
.objrl .objrl-all{display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid rgba(169,150,125,0.6);font-size:clamp(14px, 0.95vw, 17px);color:var(--objekt-color-accent);text-decoration:none;transition:color .2s ease, border-color .2s ease;}
.objrl .objrl-all svg{width:20px;height:20px;transition:transform .2s ease;}
.objrl .objrl-all:hover{color:var(--objekt-color-accent-hover);border-color:var(--objekt-color-accent-hover);}
.objrl .objrl-all:hover svg{transform:translateX(4px);}
.objrl .objrl-all:focus-visible{outline:2px solid var(--objekt-color-accent) !important;outline-offset:3px;}

/* карточки: обёртка .objf даёт стиль карточек «Наших проектов», но не их отступы и фон секции */
.objrl .objrl-viewport{position:relative;margin-right:calc(-1 * var(--objrl-pad));}
.objrl .objrl-cards.objf{padding:0 var(--objrl-pad) 0 0;background:none;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.objrl .objrl-cards::-webkit-scrollbar{display:none;}
.objrl .objrl-cards .objf-card{flex:0 0 calc(100% - clamp(40px, 12cqw, 64px));scroll-snap-align:start;}
.objrl .objrl-n1 .objf-card{flex-basis:100%;}
.objrl .objrl-hint{position:absolute;inset:0;pointer-events:none;}
.objrl .objf-card__tags{position:relative;margin:6px 0 0;font-size:14px;line-height:1.4;color:rgba(245,242,237,0.75);}

/* предыдущий / следующий объект: превью (фото или значок дома, если фото нет), название, тип работ и место */
.objrl .objrl-nav{display:grid;grid-template-columns:minmax(0, 1fr);gap:0;margin-top:clamp(28px, 3vw, 48px);border-top:1px solid var(--objekt-color-line);}
.objrl .objrl-nav > span:empty{display:none;}
.objrl .objrl-nb{display:flex;flex-direction:column;gap:12px;padding:18px 0 0;color:var(--objekt-color-cream);text-decoration:none;}
.objrl .objrl-nb + .objrl-nb{margin-top:6px;}
.objrl .objrl-nb__label{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,242,237,0.6);}
.objrl .objrl-nb__label svg{width:18px;height:18px;color:var(--objekt-color-accent);transition:transform .2s ease;}
.objrl .objrl-nb__item{display:flex;align-items:center;gap:16px;min-width:0;}
.objrl .objrl-nb__thumb{position:relative;flex:0 0 auto;width:clamp(112px, 30cqw, 132px);aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--objekt-color-line);background:rgba(245,242,237,0.04);}
.objrl .objrl-nb__thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:inset .35s cubic-bezier(.2,.7,.2,1), width .35s cubic-bezier(.2,.7,.2,1), height .35s cubic-bezier(.2,.7,.2,1);}
.objrl .objrl-nb__thumb--empty{display:flex;align-items:center;justify-content:center;color:rgba(169,150,125,0.55);}
.objrl .objrl-nb__thumb--empty svg{width:34px;height:34px;}
.objrl .objrl-nb__text{display:flex;flex-direction:column;gap:6px;min-width:0;}
.objrl .objrl-nb__title{font-family:var(--objekt-font-heading);font-size:clamp(17px, 1.3vw, 22px);line-height:1.25;}
.objrl .objrl-nb__meta{font-size:14px;line-height:1.4;color:rgba(245,242,237,0.6);}
.objrl .objrl-nb:hover .objrl-nb__thumb img{inset:-5%;width:110%;height:110%;}
.objrl .objrl-nb:hover .objrl-nb__title{color:var(--objekt-color-accent);}
.objrl .objrl-nb--prev:hover .objrl-nb__label svg{transform:translateX(-4px);}
.objrl .objrl-nb--next:hover .objrl-nb__label svg{transform:translateX(4px);}
.objrl .objrl-nb:focus-visible{outline:2px solid var(--objekt-color-accent) !important;outline-offset:3px;}

@container objrl (min-width: 390px){ .objrl .objrl-wrap{--objrl-pad:20px;} }
@container objrl (min-width: 590px){
  .objrl .objrl-wrap{--objrl-pad:32px;}
  .objrl .objrl-title{font-size:clamp(36px, 6.4cqw, 64px);}
}
@container objrl (min-width: 625px){
  .objrl .objrl-viewport{margin-right:0;}
  .objrl .objrl-cards.objf{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px;padding:0;overflow:visible;}
  .objrl .objrl-hint{display:none;}
  .objrl .objrl-nav{grid-template-columns:1fr 1fr;gap:32px;}
  .objrl .objrl-nb{padding-top:24px;}
  .objrl .objrl-nb + .objrl-nb{margin-top:0;}
  .objrl .objrl-nb__thumb{width:clamp(150px, 16cqw, 220px);}
  .objrl .objrl-nb--next{align-items:flex-end;text-align:right;grid-column:2;}
  .objrl .objrl-nb--next .objrl-nb__item{flex-direction:row-reverse;}
  .objrl .objrl-nb--next .objrl-nb__text{align-items:flex-end;}
}
@container objrl (min-width: 1000px){
  .objrl .objrl-cards.objf{grid-template-columns:repeat(3, minmax(0, 1fr));gap:clamp(20px, 1.8cqw, 28px);}
  .objrl .objrl-title{font-size:var(--objekt-fs-display-split-cq, clamp(34px, 3.6cqw, 64px));}
}
@container objrl (min-width: 1200px){ .objrl .objrl-wrap{width:min(81.77083cqw, 1600px);margin:0 auto;padding:0;} }

@media (prefers-reduced-motion: reduce){
  .objrl .objrl-nb__thumb img,
  .objrl .objrl-nb__label svg{transition:none;}
}