/* Velar Bureau: inner pages in the home-page language (js/sub.js) */
/* no small codes and labels above titles */
main .label, .foot__hero > .label, .crumbs + .label { display: none !important; }

/* hero visual: ASCII object on a soft light stage instead of a stock photo */
.sub-obj { position: relative; overflow: hidden; background: radial-gradient(60% 55% at 50% 48%, #FFFFFF 0%, #EEF1F4 55%, #D9DEE5 100%) !important; }
.sub-obj > .parallax, .sub-obj > img, .sub-obj > .hero__cut { display: none !important; }
.sub-obj > canvas.obj { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.shero__img.sub-obj { min-height: clamp(380px, min(42vw, 604.8px), 620px); }
.ahero__img.sub-obj { height: clamp(380px, min(46vw, 662.4px), 680px); margin-top: clamp(32px, min(4vw, 57.6px), 56px); }
.sub-obj .spec--glass { z-index: 1; background: rgba(255, 255, 255, .6) !important; color: var(--graphite) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .8) !important; }
.sub-obj .spec--glass li { color: var(--graphite) !important; border-color: rgba(14, 15, 17, .08) !important; }

/* cards: plain light panels, no stock-photo greyscale */
.fact, .inc:not(.inc--cta), .ds-grid li, .pc { background: #EEF1F4 !important; }
.sc__img img, .tile--img img { filter: none !important; }

/* footer: e-mail on the left, phone on the right */
.foot__contacts { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px 48px; flex-wrap: wrap; }
@media (max-width: 720px) { .foot__contacts { flex-direction: column; align-items: flex-start; } }

/* hero tags: a row of light pills under the object, not a dark list over it */
.sub-obj .spec--glass { left: 16px; right: 16px; bottom: 16px; display: flex; flex-wrap: wrap; gap: 6px; padding: 0 !important; background: none !important; border: 0 !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
.sub-obj .spec--glass li { padding: 8px 14px !important; border: 1px solid rgba(14, 15, 17, .08) !important; border-radius: 999px; background: rgba(255, 255, 255, .75) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: .85rem; }
.sub-obj .spec--glass li::after, .sub-obj .spec--glass li svg { display: none !important; }
.sprocess__img.sub-obj, .story__imgs .tile--img.sub-obj { min-height: 320px; }

/* service pages: answer the owner's question first (why do I need this, how will we know) */
.shero__h { letter-spacing: -.04em; }
.own { padding: var(--sec) max(var(--gx), env(safe-area-inset-right, 0px)) var(--sec) max(var(--gx), env(safe-area-inset-left, 0px)); }
.own__h { font-weight: 500; font-size: clamp(2.3rem, min(5vw, 72px), 5.4rem); line-height: 1; letter-spacing: -.04em; max-width: 20ch; }
.own__h span { display: block; color: var(--mist); }
.own__h--2 { margin-top: var(--sec); }
.own__t { margin-top: clamp(32px, min(4vw, 57.6px), 56px); border-top: 1px solid var(--line); }
.own__r { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr) minmax(0, .8fr); gap: 10px clamp(16px, min(3vw, 43.2px), 48px); align-items: baseline; padding: clamp(18px, min(2vw, 28.8px), 28px) 0; border-bottom: 1px solid var(--line); font-size: clamp(.98rem, min(1.15vw, 16.56px), 1.15rem); line-height: 1.35; color: var(--slate); }
.own__r > b { font-weight: 500; font-size: clamp(1.25rem, min(2.1vw, 30.24px), 2.1rem); line-height: 1.12; letter-spacing: -.025em; color: var(--graphite); }
.own__r > em { font-style: normal; font-size: .92rem; color: var(--signal-2); }
.own__r--h { padding-block: 12px; font-size: .86rem; }
.own__r--h > span:nth-child(2) { color: var(--signal-2); font-weight: 600; }
.own__note { margin: 20px 0 0; max-width: 60ch; color: var(--slate); }
.own__cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: clamp(32px, min(4vw, 57.6px), 56px); }
.own__case { display: flex; flex-direction: column; overflow: hidden; background: #0E0F11; color: #E3E7ED; }
.own__case img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; transition: transform .9s var(--ease); }
.own__case:hover img { transform: scale(1.03); }
.own__case > div { display: flex; flex-direction: column; gap: 10px; padding: clamp(20px, min(2.2vw, 31.68px), 32px); }
.own__case b { font-weight: 500; font-size: clamp(1.7rem, min(3vw, 43.2px), 3rem); letter-spacing: -.035em; line-height: 1; }
.own__case p { margin: 0; color: #B7BCC5; max-width: 44ch; }
.own__case i { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; font-style: normal; font-weight: 500; }
.own__case i svg { width: 16px; height: 16px; color: var(--signal); }
@media (max-width: 720px) {
  .own__r { grid-template-columns: minmax(0, 1fr); }
  .own__r--h { display: none; }
  .own__r > em::before { content: "Мерим: "; color: var(--slate); }
  .own__cases { grid-template-columns: minmax(0, 1fr); }
}