/* Каркас первого экрана: сетка артборда, снятая с оригинала.
   Раскладку конкретной страницы задаёт свой файл hero-art/<страница>.css.
   Руками не править: пересобирается скриптом перенос-разовое/hero-слепок.py. */
.hero-art a,.hero-art button,.hero-art .t-radio,.hero-art .t-checkbox,.hero-art .t-img-select {outline:none}
.hero-art a:focus-visible,.hero-art button:focus-visible,.hero-art .t-focusable,.hero-art .t-focusable .t-btn,.hero-art .t-focusable .t-btntext,.hero-art .t-img-select:focus-visible+.t-img-select__indicator,.hero-art .t-img-select:focus-visible+.t-img-select__indicator:after,.hero-art .t-radio:focus-visible+.t-radio__indicator,.hero-art .t-checkbox:focus-visible+.t-checkbox__indicator {outline-color:#2015FF;outline-offset:4px;outline-style:auto}
.t396 {-webkit-text-size-adjust:100%}
.t396__iframe {z-index:10000;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;border:0}
html body.t396__body_overflow_hidden {overflow:hidden!important}
.t396__display_none {display:none}
.t396__artboard {position:relative;width:100%;height:100vh;overflow:hidden}
.t396__artboard .t396__artboard_scale {overflow:visible}
.t396__artboard.t396__artboard_scale .t396__elem[data-elem-type='text'] .tn-atom {word-break:normal;-moz-osx-font-smoothing:grayscale}
.t396__artboard_scale .t396__carrier,.t396__artboard_scale .t396__filter {transform-origin:top left}
.tn-atom__scale-wrapper {width:inherit;height:inherit}
.t396__elem .tn-atom__scale-wrapper .tn-atom {width:inherit;height:inherit!important;box-sizing:border-box}
.t396__artboard.rendering .tn-elem {visibility:hidden}
.t396__artboard.rendered .tn-elem {visibility:visible}
.t396__carrier {position:absolute;left:0;top:0;z-index:0;width:100%;height:100vh;-moz-transform:unset}
.t396__filter {position:absolute;left:0;top:0;z-index:1;width:100%;height:100vh}
.t396__elem {position:absolute;box-sizing:border-box;display:table}
.t396 .tn-atom {display:table-cell;vertical-align:middle;width:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}
@media screen and (max-width:959px) {
.t396_safari .t396__artboard_scale .tn-atom {-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto}
}
}.t396 .tn-atom ul,.t396 .tn-atom ol {margin-bottom:0}
.t396 a.tn-atom {text-decoration:none}
.t396 .tn-atom__img {width:100%;display:block}
.t396 .tn-atom__html {vertical-align:top}
.t396 .tn-atom__pin {border-radius:1000px;border-style:solid}
.t396 .tn-atom__pin_onclick {cursor:pointer}
.t396 .tn-atom__tip,.t396__tooltip-portal .tn-atom__tip {position:absolute;box-sizing:border-box;width:300px;max-width:90vw;padding:15px;display:none}
.t396 .tn-atom__pin:hover .tn-atom__tip {display:none}
.t396 .tn-atom__tip-img,.t396__tooltip-portal .tn-atom__tip-img {width:100%;display:block;margin-bottom:10px}
.t396 .tn-atom__tip[data-tip-pos='top'] {bottom:100%;margin-bottom:15px;left:50%;transform:translateX(-50%)}
.t396 .tn-atom__tip[data-tip-pos='bottom'] {top:100%;margin-top:15px;left:50%;transform:translateX(-50%)}
.t396 .tn-atom__tip[data-tip-pos='left'] {right:100%;margin-right:15px;top:50%;transform:translateY(-50%)}
.t396 .tn-atom__tip[data-tip-pos='right'] {left:100%;margin-left:15px;top:50%;transform:translateY(-50%)}
.t396__ui {position:absolute;top:16px;left:196px;background-color:#fa876b;color:#000!important;height:30px;line-height:30px;width:100px;z-index:1000;text-align:center;border-radius:3px;display:none;font-size:14px}
.t396__artboard.t396__artboard-fixed-active {transform:none!important;opacity:1!important}
.t396__artboard-fixed-no-bg,.t396__artboard-fixed-innactive,.t396__artboard-fixed-innactive .t396__elem,.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem {pointer-events:none}
.t396__artboard-fixed-no-bg .t396__group,.t396__artboard-fixed-no-bg .t396__elem {pointer-events:auto}
.t396__elem-flex {position:relative!important;left:initial!important;top:initial!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-negative:0;flex-shrink:0}
.t396__artboard-flex>.t396__elem:not(.tn-elem__absolute),.t396__artboard-flex>.t396__group:not(.tn-group__absolute) {position:relative!important;left:initial!important;top:initial!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-negative:0;flex-shrink:0}
.t396 .tn-atom__button-content {display:flex;flex-direction:row;align-items:center;justify-content:center;flex:0 1 auto;min-width:0}
.t396 .tn-atom__button-text {flex:1 1 0;text-overflow:ellipsis}
.t396 .tn-atom__button-icon {flex:0 0 auto}
.t396 .tn-atom__button-icon::before {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-image:var(--icon,none);background-position:center;background-size:contain;background-repeat:no-repeat;content:'';transition:opacity 0.2s cubic-bezier(.25,1,.5,1),visibility 0.2s cubic-bezier(.25,1,.5,1),color 0s ease-in-out}
.t396 .tn-atom__button-icon::after {position:absolute;opacity:0;visibility:hidden;top:0;left:0;display:block;width:100%;height:100%;background-image:var(--icon-hover,none);background-position:center;background-size:contain;background-repeat:no-repeat;content:'';transition:opacity 0.2s cubic-bezier(.45,0,.55,1),visibility 0.2s cubic-bezier(.45,0,.55,1),color 0s ease-in-out}
@media (hover) {
.t396 .tn-atom:hover .tn-atom__button-icon:not(.tn-atom__button-icon-no-hover)::after {opacity:1;visibility:visible}
.t396 .tn-atom:hover .tn-atom__button-icon:not(.tn-atom__button-icon-no-hover)::before {opacity:0;visibility:hidden;transition-timing-function:cubic-bezier(.5,0,.75,0)}
.t396 .tn-atom:hover .tn-atom__button-icon.hidden {display:block}
.t396 .tn-atom:hover .tn-atom__button-icon.tn-atom__button-icon-no-default {display:block}
}
}.t396 .tn-atom__button-icon-no-default {display:none;animation:button-icon-fade-in 0.3s ease forwards}
.t396 .tn-atom__button-icon-arrow-default::before {-webkit-mask-image:var(--icon,none);mask-image:var(--icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:currentcolor;background-image:none}
.t396 .tn-atom__button-icon-arrow-hover::after {-webkit-mask-image:var(--icon-hover,none);mask-image:var(--icon-hover,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:currentcolor;background-image:none}
.t396 .tn-elem[data-elem-type='button'] {display:block}
.t396 .tn-elem[data-elem-type='button'] .tn-atom {display:flex;box-sizing:border-box;width:100%;height:100%;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}
.t396 .tn-elem[data-elem-type='button'] .tn-atom::after {content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;opacity:0;z-index:-1}
.t396 .tn-atom__button-border {position:absolute;inset:0;z-index:1;border-radius:inherit;transition-duration:inherit;transition-timing-function:inherit;pointer-events:none}
.t396 .tn-atom__button-border::before,.t396 .tn-atom__button-border::after {-webkit-backface-visibility:hidden;position:absolute;inset:0;content:'';border-radius:inherit;z-index:1}
.t396 .tn-atom__button-border::after {opacity:0;transition-property:opacity;transition-duration:inherit;transition-timing-function:inherit}
.t1093 .t-popup.t-popup-disabled-bg .t-popup__close,.t1093 .t-popup.t-popup_hover-trigger .t-popup__close,.t1093 .t-popup.t-popup_show .t396__artboard_pointer-events-auto {pointer-events:auto}
.t1093 .t-popup-scrollable-artboard .t396__artboard {pointer-events:auto}
.t1093 .t-popup.t-popup_show .r:not([data-record-type='396'],[data-record-type='121'],[data-parenttplid='396'],[data-parenttplid='121']),.t1093 .t-popup.t-popup_show .tn-elem,.t1093 .t-popup.t-popup_show .tn-group {pointer-events:auto}
@media screen and (max-width:980px) {
.t396__elem .t978__tooltip-menu {max-width:200px;min-width:100%;left:0;top:100%}
}
/* Кнопка первого экрана. У Тильды ссылка-атом растянута на всю высоту элемента
   и центрует подпись; это правило лежит в их отдельном файле кнопок, поэтому
   выписано здесь. Без него подпись есть, а плашки под ней нет: замер показывал
   высоту 22 вместо 55. */
.hero-art .t396__elem a.tn-atom,
.site-header--art .t396__elem a.tn-atom {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	box-sizing: border-box;
}

/* Цвет по умолчанию внутри первого экрана — как на оригинале. Наш общий
   #313131 наследовался элементам, где свой цвет не задан. */
.hero-art { color: #000; }

/* Слепок живёт по своим правилам: отступы заголовков и абзацев из общих
   стилей темы делали элементы выше оригинала (у заголовка набегало 83 px). */
.hero-art h1, .hero-art h2, .hero-art h3, .hero-art h4, .hero-art h5, .hero-art h6,
.hero-art p, .hero-art ul:not([class^="t"]), .hero-art ol:not([class^="t"]),
.hero-art li:not([class^="t"]),
.hero-art figure, .hero-art blockquote, .hero-art table,
.site-header--art p, .site-header--art ul:not([class^="t"]),
.site-header--art ol:not([class^="t"]), .site-header--art li:not([class^="t"]) {
	margin: 0;
	padding: 0;
}
/* Списки самой Тильды (t978__menu, t794__list и прочие) из сброса исключены:
   поля пунктов в выпадающих меню задаёт она, и обнуление их слепляло. */

/* Значения по умолчанию для переменных Тильды. Без них рамка элемента берёт
   браузерное medium — три пикселя, и элемент становится выше оригинала
   на шесть. Где слепок задаёт своё, оно перекрывает эти значения. */
.hero-art,
.site-header--art {
	--t396-borderwidth: 0;
	--t396-borderstyle: none;
	--t396-bordercolor: transparent;
}

/* Рамка атома. У части элементов она приходит со значением medium — три
   пикселя, и элемент становится выше оригинала на шесть. Своя рамка, если
   она задана в слепке страницы, перебивает это правило: там селектор длиннее. */
.hero-art .tn-atom { border-width: 0; }
/* В шапке рамку не трогаем: у кнопки заявки она белая и задана слепком. */

/* Выпадающие меню шапки. На оригинале их показывает и позиционирует скрипт
   Тильды: без него они просто висят открытыми под шапкой. Прячем и открываем
   своим кодом — разметка и оформление остаются слепком. */
.rubik-drop {
	position: absolute;
	z-index: 80;
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s ease, visibility .15s ease;
}
.rubik-drop--open {
	opacity: 1;
	visibility: visible;
}

/* Шапка-слепок живёт по правилам артборда: своя высота, своя подложка
   (она внутри слепка отдельным элементом). Старые правила .site-header
   для неё отключаются, иначе артборд схлопывается в нулевую ширину. */
.site-header--art {
	position: relative;
	width: 100%;
	height: auto;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.site-header--art::before { content: none; }
.site-header--art .t396,
.site-header--art .t396__artboard { width: 100%; }

/* Рамка кнопки в шапке. Оригинал задаёт её переменными на самом элементе,
   но наши общие стили ссылок рамку снимали — возвращаем по тем же переменным:
   где они не заданы, рамки по-прежнему нет. */
/* Рамки в шапке: кнопка заявки и круг поиска. Оригинал задаёт их переменными,
   но наши общие стили ссылок рамку снимали, поэтому пишем прямо. */
#rec1034745566 .tn-elem[data-elem-id="1697092185311"] .tn-atom,
#rec1034745566 .tn-elem[data-elem-id="1747416158590"] .tn-atom {
	border: 1px solid #fff;
}

/* Текстовые блоки шапки: на оригинале это гибкие блоки во всю ширину
   элемента, поэтому выравнивание считается от края. У нас атом сжимался
   по содержимому, и режим работы наезжал на значок часов. */
#rec1034745566 .tn-elem[data-elem-id="1697092185349"] .tn-atom,
#rec1034745566 .tn-elem[data-elem-id="1747319215882"] .tn-atom,
#rec1034745566 .tn-elem[data-elem-id="1697092185321"] .tn-atom,
#rec1034745566 .tn-elem[data-elem-id="1697092185332"] .tn-atom,
#rec1034745566 .tn-elem[data-elem-id="1751539002425"] .tn-atom,
#rec1034745566 .tn-elem[data-elem-id="1697092185340"] .tn-atom,
#rec1034745566 .tn-elem[data-elem-id="1720507374554"] .tn-atom {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}
/* Режим работы прижат вправо — как на оригинале. */
#rec1034745566 .tn-elem[data-elem-id="1697092185349"] .tn-atom {
	justify-content: flex-end;
}

/*
 * Обложка первого экрана.
 *
 * На оригинале фон артборда — отдельная запись Тильды (t833), фоновый слайдер.
 * Его стили лежат в tilda-cover.css, которую при переносе не забирали, поэтому
 * блок оказывался в потоке и торчал вторым фото под первым экраном.
 * Возвращаем его на место: подложка во весь артборд, под содержимым.
 */
.hero-art .t396__artboard { position: relative; }
.hero-art .t833,
.hero-art .t833__animation,
.hero-art .t833__sliderwrapper,
.hero-art .t833__slider {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 0;
}
.hero-art .t833__slide {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.hero-art .t833__filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.hero-art .t396__elem { z-index: 2; }

/* rubik-fix-2
 * Блок цифр лежит внутри секции первого экрана, поэтому её правила
 * (min-height 610px, height 100vh) протекали на него и добавляли лишние
 * 610px под первым экраном. На оригинале это отдельная запись нулевой
 * высоты — цифры просто висят поверх фото.
 */
.hero-art #rec560318566 .t396__artboard,
.hero-art #rec560318566 .t396__carrier,
.hero-art #rec560318566 .t396__filter { min-height: 0; height: 0; overflow: visible; }
.hero-art #rec560318566 { position: relative; height: 0; }
@media screen and (max-width: 959px) {
	.hero-art #rec560318566 .t396__artboard { height: 660px; }
	.hero-art #rec560318566 { height: auto; }
}
@media screen and (max-width: 639px) { .hero-art #rec560318566 .t396__artboard { height: 640px; } }
@media screen and (max-width: 479px) { .hero-art #rec560318566 .t396__artboard { height: 540px; } }

/* Логотип в полноэкранном меню.
 *
 * Тильда пересчитывает его размеры скриптом: в стилях записи стоит
 * left: 11px и width: 11%, а на живом сайте элемент получает inline
 * left: 11% от ширины артборда. Скрипта у нас нет, и логотип уезжал
 * в самый угол, обрезанный краем экрана.
 */
#rec1031280391 .tn-elem[data-elem-id="1685307790871"],
#rec1031280391 .tn-elem[data-elem-id="1685307790874"] { left: 11%; width: 11%; }

/* Цвет ссылок внутри слепков.
 *
 * У Тильды в стилях страницы стоит #allrecords a { color: #ff8562 } — оранжевый
 * цвет ссылок их проекта. Внутри слепков цвет задан на самих блоках, но правило
 * с id перебивает наследование: адрес и телефон в меню краснели.
 */
#allrecords .hero-art a,
#allrecords .site-header--art a { color: inherit; }

/* ------------------------------------------------------------------ *
 * Меню шапки из WordPress.
 *
 * В слепке пункты стояли отдельными элементами с приколоченными
 * координатами (Услуги на 491px, Кейсы на 708px и так далее), и добавить
 * шестой можно было только правкой файла. Теперь на их месте обычное меню
 * WordPress, а размеры и цвета взяты с тех же элементов слепка.
 * ------------------------------------------------------------------ */
.site-header--art .rubik-nav {
	position: absolute;
	top: 20px;
	left: 307px;   /* левый край плашки «Услуги» на оригинале */
	z-index: 4;
	height: 42px;
}
/* Селектор с #allrecords: у Тильды на контейнере висит ul { padding-left: 20px },
   и по id она сильнее — ряд уезжал на 20 пикселей вправо. */
#allrecords .site-header--art .rubik-nav__list,
.site-header--art .rubik-nav__list {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Ширины пунктов и промежутки взяты из стилей слепка, из правил для окна
   до 1919px — именно они действуют на 1440. Базовые значения в файле другие
   (77, 110, 57…), они для широких экранов, и по ним ряд выходил длиннее.
   Ширина задаётся пункту, текст внутри центрируется. */
.site-header--art .rubik-nav__list > li:nth-child(1) { width: 73px;  margin-right: 6px; }
.site-header--art .rubik-nav__list > li:nth-child(2) { width: 99px;  margin-right: 3px; }
.site-header--art .rubik-nav__list > li:nth-child(3) { width: 57px;  margin-right: 7px; }
.site-header--art .rubik-nav__list > li:nth-child(4) { width: 122px; margin-right: 7px; }
.site-header--art .rubik-nav__list > li:nth-child(5) { width: 78px; }
/* Пункт, добавленный в админке сверх этих пяти, встаёт по своему тексту
   с тем же промежутком, что у соседей. */
.site-header--art .rubik-nav__list > li:nth-child(n+6) { margin-left: 7px; }
.site-header--art .rubik-nav__list > li > a { justify-content: center; width: 100%; }
.site-header--art .rubik-nav__list > li { position: relative; }
.site-header--art .rubik-nav__list a {
	display: flex;
	align-items: center;
	height: 38px;
	padding: 0;
	color: #fff;
	/* На 1440 у слепка кегль 14px: базовые 16px в файле — для широких экранов. */
	font: 14px/1.55 'Helvetica/Exo2/Forum', Arial, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity .3s ease;
}
.site-header--art .rubik-nav__list a:hover { opacity: .9; }

/* Шире 1919px слепок возвращает базовые размеры: кегль 16px и свои ширины
   пунктов — там артборд не сжат. */
@media (min-width: 1920px) {
	.site-header--art .rubik-nav__list a { font-size: 16px; }
	.site-header--art .rubik-nav__list > li:nth-child(1) { width: 77px;  margin-right: 13px; }
	.site-header--art .rubik-nav__list > li:nth-child(2) { width: 110px; margin-right: 17px; }
	.site-header--art .rubik-nav__list > li:nth-child(3) { width: 57px;  margin-right: 23px; }
	.site-header--art .rubik-nav__list > li:nth-child(4) { width: 149px; margin-right: 16px; }
	.site-header--art .rubik-nav__list > li:nth-child(5) { width: 78px; }
}

/* Пункт «Услуги» — плашка, как на оригинале: серый фон со скруглением.
   Узнаётся по ссылке на попап, отдельный класс в админке заводить не нужно. */
.site-header--art .rubik-nav__list a[href$="#uslugimenu"] {
	height: 32px;
	padding: 0 11px;   /* плашка выходит 73px в ширину, как на оригинале */
	border-radius: 6px;
	background: rgba(255, 255, 255, .12);
}

/* Стрелка у пункта с подменю. */
.site-header--art .rubik-nav__list .menu-item-has-children > a::after {
	content: "";
	margin-left: 6px;
	border: 4px solid transparent;
	border-top-color: currentColor;
	transform: translateY(2px);
}

/* Выпадающее: белая карточка с уголком — размеры сняты с оригинала
   (ширина 150, поля 18 сверху и снизу, 20 по бокам, шаг пунктов 12). */
#allrecords .site-header--art .rubik-nav__list ul.sub-menu,
.site-header--art .rubik-nav__list ul.sub-menu {
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	width: 150px;      /* ширина карточки на оригинале */
	margin: 0;
	/* Отступ задаётся с #allrecords: у Тильды на списки внутри этого блока
	   висит padding-left: 20px, он с id и перебивал обычный селектор —
	   карточка выходила шире, а «Гарантии и принципы» вылезали за край. */
	padding: 18px 0;
	background: #fff;
	border-radius: 13px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .2);
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease;
	z-index: 60;
}
/* Мостик между пунктом и выпадающим.
 *
 * Список висит на 12 пикселей ниже пункта, и курсор по дороге к нему проходил
 * по пустому месту: наведение слетало, список закрывался раньше, чем мышь до
 * него доезжала. Невидимая полоса той же ширины перекрывает зазор и остаётся
 * частью пункта, поэтому наведение держится. */
.site-header--art .rubik-nav__list > li.menu-item-has-children::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 14px;
}

/* Вес тот же, что у правила выше с #allrecords, иначе спрятанное состояние
   перебивает открытие и список не раскрывается по наведению. */
#allrecords .site-header--art .rubik-nav__list > li:hover > ul.sub-menu,
#allrecords .site-header--art .rubik-nav__list > li:focus-within > ul.sub-menu,
.site-header--art .rubik-nav__list > li:hover > ul.sub-menu,
.site-header--art .rubik-nav__list > li:focus-within > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}
.site-header--art .rubik-nav__list ul.sub-menu::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	width: 13px;
	height: 13px;
	background: #fff;
	transform: translateX(-50%) rotate(45deg);
	border-radius: 2px;
}
/* Селектор с #allrecords: выше стоит правило «ссылки в слепке наследуют цвет»,
   оно с id и сильнее — пункты выпадающего выходили белыми на белом. */
#allrecords .site-header--art .rubik-nav__list ul.sub-menu a,
.site-header--art .rubik-nav__list ul.sub-menu a {
	display: block;
	height: auto;
	padding: 0 20px;
	margin-bottom: 12px;
	color: #222;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	/* Пунктам шапки перенос запрещён, а в выпадающем он нужен: «Гарантии
	   и принципы» на оригинале идут в две строки, у нас вылезали за карточку. */
	white-space: normal;
}
.site-header--art .rubik-nav__list ul.sub-menu li:last-child a { margin-bottom: 0; }

/* Ярусы: координаты ряда меняются вместе с артбордом слепка. */
/* Ниже 1200 оригинал убирает строку меню целиком и оставляет бургер:
   на 1024 у него в шапке только рейтинг, часы и телефон. */
@media screen and (max-width: 1199px) { .site-header--art .rubik-nav { display: none; } }