.technology-page{--cars-brass:#efb057;--cars-blue:#73c3dc;background:#0b1016;color:#f6efe4}.technology-page[data-collection="robots"]{--cars-brass:#ef9d75;--cars-blue:#7bcfe1}.technology-page .topbar{background:rgba(8,10,15,.9)}
.technology-page .cars-hero{min-height:min(820px,calc(100svh - 65px));background:#090d12}.technology-page .cars-hero__image{object-position:center}.technology-page[data-collection="robots"] .cars-hero__image{object-position:center}.technology-page .cars-hero h1{font-size:clamp(66px,12vw,178px)}
.technology-page .cars-filters{grid-template-columns:minmax(260px,1.35fr) minmax(240px,.85fr)}.technology-page .cars-timeline{min-height:45vh}.technology-card .car-card__visual{position:relative;background:radial-gradient(circle at 50% 50%,rgba(115,195,220,.13),transparent 54%),#0d141a}.technology-card .car-card__visual img{object-fit:contain;padding:14px}.technology-card:hover .car-card__visual img{transform:scale(1.025)}.technology-card__scope{position:absolute;right:10px;bottom:10px;z-index:1;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,10,14,.82);color:#d7e4e8;font:700 9px/1.1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.technology-source-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:-28px 0 46px;padding:16px 18px;border:1px solid rgba(239,176,87,.2);border-radius:14px;background:rgba(255,255,255,.025);color:#abb6be;font-size:13px;line-height:1.55}.technology-source-note::before{content:"i";display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(239,176,87,.4);border-radius:50%;color:#f1c57c;font-family:Georgia,serif;font-weight:700}.technology-source-note p{margin:0}
.technology-page .viewer--cars .viewer__image-wrap img{padding:10px;-webkit-mask-image:none;mask-image:none}.technology-page .viewer--cars .viewer__image-wrap::before{opacity:.55}.technology-page .viewer--cars .viewer__info h2{overflow-wrap:anywhere}.technology-page .cars-viewer__links{flex-wrap:wrap}.technology-page .cars-viewer__credit{max-width:58%}.technology-page .viewer__meta-strip b{white-space:normal}.technology-page footer p{max-width:900px}
.collection-tile--rockets .collection-tile__visual,.collection-tile--robots .collection-tile__visual{background:#0b1016}.collection-tile--rockets .collection-tile__visual img,.collection-tile--robots .collection-tile__visual img{width:100%;height:100%;border:0;border-radius:0;object-fit:cover;transform:none;box-shadow:none}.collection-tile--rockets h3{color:#ffe3a6}.collection-tile--robots h3{color:#ffd5c7}.collection-tile--rockets .btn-primary{background:linear-gradient(135deg,#e0a24c,#c86045);color:#15100b}.collection-tile--robots .btn-primary{background:linear-gradient(135deg,#ed9e74,#69bdd5);color:#101318}
@media(max-width:760px){.technology-page .cars-hero{min-height:calc(100svh - 61px)}.technology-page .cars-hero__copy{padding-top:30vh}.technology-page .cars-filters{grid-template-columns:1fr}.technology-page .cars-filters .search{grid-column:auto}.technology-source-note{margin-top:-34px}.technology-card .car-card__visual img{padding:8px}}
@media(max-width:520px){.technology-page .cars-hero h1{font-size:clamp(48px,14vw,76px)}.technology-page .cars-hero__lead{font-size:16px}.technology-page .cars-hero__stats{margin-top:28px}.technology-page .viewer--cars .viewer__meta-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-page .viewer--cars .viewer__meta-strip article:last-child{grid-column:1/-1}.technology-page .cars-viewer__credit{max-width:calc(100% - 54px);white-space:normal;text-align:right}}

/* Длинное музейное название занимало четыре строки и выталкивало описание поверх
   плашек с годом и мастером: блок с текстом сжимался флексом, а его содержимое
   продолжало рисоваться наружу. Даём блоку прокрутку внутри себя и ограничиваем
   заголовок тремя строками — полное название остаётся в хлебных крошках и во
   всплывающей подсказке. */
.technology-page .viewer__info-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.technology-page .viewer__info-copy h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.journal-inline{margin:12px 0 0}
.journal-inline a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.journal-inline a:hover{color:var(--pink)}