:root {
  --clr-red: #D20000;
  --clr-grey: #3C3C3C;
  --clr-grey-10: #ECECEC;
  --clr-grey-40: #A9ACB0;
  --clr-grey-60: #7D8288;
  --clr-grey-bg: #ECECEC;
  --clr-white: #FFFFFF;
  --gap-xxs: 5px;
  --gap-xs: 10px;
  --gap-s: 20px;
  --gap-m: clamp(20px, calc(16.5px + 1.087vw), 30px);
  --gap-x: clamp(24px, calc(18.8px + 1.630vw), 40px);
  --gap-xl: clamp(40px, calc(26.1px + 4.348vw), 80px);
  --gap-xxl: clamp(80px, calc(52.2px + 8.696vw), 160px);
  --max-width: calc(1240px + var(--gap-x) * 2);
}

/* Fonts */

/* TT Norms ExtraLight */
@font-face {
  font-family: 'TT Norms';
  src:
    url('/fonts/TT-Norms-ExtraLight.woff2') format('woff2'),
    url('/fonts/TT-Norms-ExtraLight.woff') format('woff'),
    url('/fonts/TT-Norms-ExtraLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* TT Norms Regular */
@font-face {
  font-family: 'TT Norms';
  src:
    url('/fonts/TT-Norms-Regular.woff2') format('woff2'),
    url('/fonts/TT-Norms-Regular.woff') format('woff'),
    url('/fonts/TT-Norms-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* TT Norms Bold */
@font-face {
  font-family: 'TT Norms';
  src:
    url('/fonts/TT-Norms-Bold.woff2') format('woff2'),
    url('/fonts/TT-Norms-Bold.woff') format('woff'),
    url('/fonts/TT-Norms-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* TT Norms Black */
@font-face {
  font-family: 'TT Norms';
  src:
    url('/fonts/TT-Norms-Black.woff2') format('woff2'),
    url('/fonts/TT-Norms-Black.woff') format('woff'),
    url('/fonts/TT-Norms-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Reset */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul, ol {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/* Styles */

body {
  font-family: 'TT Norms', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--clr-grey);
}

body > * {
  width: 100%;
}

section {
  margin-top: var(--gap-xxl);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'TT Norms', sans-serif;
}

h2 {
  font-size: clamp(1.5rem, calc(1.239rem + 1.304vw), 2.25rem);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--clr-grey);
}

h3 {
  font-size: clamp(1.375rem, calc(1.157rem + 1.087vw), 2rem);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--clr-grey);
}

h4 {
  font-size: clamp(1.25rem, calc(1.087rem + 0.815vw), 1.5rem);
  line-height: 1.2;
  font-weight: 700;
  color: var(--clr-grey);
  margin-top: 0;
}

h5 {
  font-size: clamp(1rem, calc(0.957rem + 0.217vw), 1.125rem);
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

h6 {
  font-size: clamp(0.95rem, calc(0.912rem + 0.190vw), 1.0625rem);
  font-weight: 600;
  margin: 0;
}

a {
  color: var(--clr-grey);
}

a:hover{
  color: var(--clr-red);
  text-decoration: none;
}

ul, ol {
  margin: 0;
  padding: 0;
}

* + p {
  margin-top: 0;
}

p {
  color: inherit;
}

/* Utils */

.bold {
  font-weight: 700;
}

.upper-case {
  text-transform: uppercase;
}

.max-width {
  max-width: var(--max-width);
  padding-left: var(--gap-x);
  padding-right: var(--gap-x);
  margin-left: auto;
  margin-right: auto;
}

/* Other */

.btn {
  color: var(--clr-white);
  background-color: var(--clr-red);
  padding: var(--gap-xs) var(--gap-s);
  border: var(--clr-red) solid 1px;
  transition: color .2s, background-color .2s;
  text-transform: uppercase;
  text-align: center;
  /* min-inline-size: fit-content; */
}

.btn:hover {
  color: var(--clr-red);
  background-color: transparent;
}

.btn-pill {
  font-size: clamp(0.875rem, calc(0.832rem + 0.217vw), 1rem);
  text-transform: uppercase;
  border: var(--clr-grey) 1px solid;
  border-radius: 100px;
  padding: var(--gap-xxs) var(--gap-m);
  background-color: transparent;
  cursor: pointer;
}

.btn-pill:hover {
  border-color: var(--clr-red);
  background-color: var(--clr-red);
  color: var(--clr-white);
}

.link-arrow {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
  line-height: 1;
}

.link-arrow::after {
  content: ">";
  margin-left: 15px;
}

.link-pill {
  line-height: 1;
  color: var(--clr-white);
  background-color: var(--clr-red);
  border: var(--clr-red) solid 1px;
  border-radius: 100px;
  padding: var(--gap-xxs) var(--gap-s);
}

.link-pill:hover {
  color: var(--clr-red);
  background-color: transparent;
}

.section-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--gap-xs);
  justify-content: space-between;
  margin-bottom: var(--gap-xl);
}

.section-header > a {
  color: var(--clr-grey-40);
}

.section-header > a:hover {
  color: var(--clr-red);
}

/* Grids */

.grid-2-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-x) var(--gap-s);
}

.grid-2-col > li > * {
  width: 100%;
}

.grid-2-col img {
  width: 100%;
}

.grid-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-x) var(--gap-s);
}

.grid-4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap-xl) var(--gap-s);
}

.non-symmetrical-grid {
  grid-template-areas:
    "one two three ."
    ". four five six";
}

.non-symmetrical-grid > :nth-child(1) {
  grid-area: one;
}

.non-symmetrical-grid > :nth-child(2) {
  grid-area: two;
}

.non-symmetrical-grid > :nth-child(3) {
  grid-area: three;
}

.non-symmetrical-grid > :nth-child(4) {
  grid-area: four;
}

.non-symmetrical-grid > :nth-child(5) {
  grid-area: five;
}

.non-symmetrical-grid > :nth-child(6) {
  grid-area: six;
}

.bottom-border-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-m);
  height: 100%;
  padding-bottom: 15px;
  border-bottom: var(--clr-grey) 1px solid;
}

.publications {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-s) var(--gap-x);
  margin-top: var(--gap-x);
}

.publications > p {
  font-size: clamp(1.25rem, calc(1.087rem + 0.815vw), 1.5rem);
  line-height: 1.2;
  font-weight: 700;
}

.soc-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-xs) var(--gap-s);
}

section > h2 {
  margin-bottom: var(--gap-xl);
}

.page-header {
  margin-top: var(--gap-xl);
}

.page-header > div {
  max-width: 720px;
}

.page-header p,
.p-accent {
font-size: clamp(1.25rem, calc(1.087rem + 0.815vw), 1.5rem);
margin-top: var(--gap-m);
max-width: 720px;
}

.line {
  height: 1px;
  max-width: 1240px;
  margin-top: var(--gap-xl);
  background-color: var(--clr-grey);
}

.current {
  color: var(--clr-red);
}

/* Slider */

.uk-grid {
  margin-left: calc(var(--gap-s) * -1);
}

.uk-grid > * {
  padding-left: var(--gap-s);
}

.slider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--gap-xl);
}

.slider-header > div {
  display: flex;
  align-items: center;
  gap: var(--gap-x);
}

.slider-header button {
  width: 15px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='30' viewBox='0 0 15 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M15 15L0.697674 30L0 29.2683L13.6047 15L0 0.731707L0.697674 0L15 15Z' fill='%23272F39'/%3E%3C/svg%3E");
  background-color: transparent;
  border: none;
}

.slider-header button.prev {
  transform: rotate(180deg);
}

/* Header */

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-s);
  margin-top: var(--gap-x);
  margin-bottom: var(--gap-xl);
}

header a:has(img) {
  flex-shrink: 0;
}

header > nav > ul,
header > div {
  display: flex;
  align-items: center;
  gap: var(--gap-s);
}

header > nav > ul {
  flex-wrap: wrap;
  gap: var(--gap-xxs) var(--gap-s);
}

header a[class="btn"] {
  padding: 6px var(--gap-s);
}

/* Mobile Menu */

.burger {
  display: none;
  height: 40px;
  width: 40px;
  border: none;
  border-top: 4px solid var(--clr-red);
  border-bottom: 4px solid var(--clr-red);
  background-color: transparent;
  cursor: pointer;
}

.burger::before {
  content: '';
  height: 4px;
  width: 40px;
  background-color: var(--clr-red);
  margin: auto;
}

.menu li + li {
  margin-top: 10px;
}

.menu a {
  font-size: clamp(1rem, calc(0.957rem + 0.217vw), 1.125rem);
}

/* Breadcrumb */

.breadcrumb {
  margin-top: 0;
}

.breadcrumb > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-xxs) var(--gap-xs);
  padding: var(--gap-xxs);
  border-top: var(--clr-grey) 1px solid;
  border-bottom: var(--clr-grey) 1px solid;
  color: var(--clr-grey-40);
}

.breadcrumb a:not(:first-child)::before {
  content: '>';
  margin-right: var(--gap-xs);
  color: var(--clr-grey-40);
}

.breadcrumb a:last-child {
  color: var(--clr-grey);
}

.breadcrumb + * {
  margin-top: var(--gap-xl);
}

/* Hero */

.hero {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  aspect-ratio: 2 / 1;
  margin-top: 0;
}

.hero > div:first-child {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
  padding: var(--gap-x);
  background-color: var(--clr-red);
}

.hero > div:first-child * {
  color: var(--clr-white);
}

.hero > div:first-child > p {
  font-size: clamp(1.25rem, calc(1.087rem + 0.815vw), 1.5rem);
  line-height: 1.2;
}

.hero > div:first-child > div {
  margin-top: auto;
}

.hero > div:first-child > div > p {
  margin-top: var(--gap-xs);
  max-width: 206px;
  line-height: 1.2;
}

.hero > div:last-child {
  display: flex;
  align-items: end;
  justify-content: end;
  padding: var(--gap-x);
  background-image: url("/images/hero-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

/* Plan */

.plan > h2 {
  max-width: 450px;
}

.plan > ul {
  margin-top: var(--gap-xl);
  margin-bottom: var(--gap-x);
}

.plan > ul > li * + p {
  margin-top: var(--gap-s);
}

.plan > ul > li:nth-child(1) {
  grid-column: span 2;
  background:
    top left / contain no-repeat url("/images/plan-bg.svg"),
    var(--clr-grey-bg);
  display: grid;
  grid-template-columns: 0.43fr 1fr;
  gap: var(--gap-x);
}

.plan > ul > li:nth-child(1)::before {
  content: '';
  background: top left / contain no-repeat url("/images/plan-1.svg");
}

.plan > ul > li:nth-child(1) > div{
  padding: var(--gap-x) var(--gap-x) var(--gap-x) 0;
}

.plan > ul > li:nth-child(1) > h4 {
  display: none;
}

.plan > ul > li:nth-child(1) p {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
}

/* Projects */

.projects {
  background-color: #000;
  padding-top: var(--gap-xl);
  padding-bottom: var(--gap-xl);
}

.projects > .section-header > h2 {
  color: var(--clr-white);
}

.projects .grid-2-col p {
  margin-top: var(--gap-xs);
}

.projects > div:nth-child(2) > ul.grid-2-col {
  margin-bottom: var(--gap-xxl);
}

.projects .grid-2-col a {
  color: var(--clr-white);
}

.projects.inverted .grid-2-col a {
  color: var(--clr-grey);
}

.projects .grid-2-col a:hover {
  color: var(--clr-red);
}

.projects > div > .projects-filter {
  margin-left: 0;
  margin-bottom: var(--gap-x);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-s);
}

.projects > div > .projects-filter::before {
  display: none;
}

.projects > div > .projects-filter > li {
  padding-left: 0;
}

.projects > div > .projects-filter > li > a {
  border: 1px solid var(--clr-grey-40);
  border-radius: 100px;
  padding: var(--gap-xxs) var(--gap-s);
  font-size: clamp(0.875rem, calc(0.832rem + 0.217vw), 1rem);
  color: var(--clr-grey-40);
  text-transform: none;
  transition: opacity .1s ease-in-out;
}

.projects > div > .projects-filter > li > a:hover {
  color: var(--clr-red);
  border-color: var(--clr-red);
}

.projects > div > .projects-filter > li.uk-active > a {
  border-color: var(--clr-red);
  background-color: var(--clr-red);
  color: var(--clr-white);
}

.projects > div:nth-child(4) > p {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
  color: var(--clr-white);
  max-width: 736px;
}

.projects > div:nth-child(4) > p + p {
  margin-top: var(--gap-m);
  margin-bottom: var(--gap-xl);
}

.projects.inverted {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}

.projects.inverted > .section-header > h2 {
  color: var(--clr-grey);
}

.projects.inverted .link-arrow {
  text-transform: uppercase;
}

.projects.inverted .link-arrow::after {
  display: none;
}

.projects.inverted > div:nth-child(4) > p {
  color: var(--clr-grey);
}

.projects + .offers {
  margin-top: 0;
}

/* Offers */

.offers {
  padding-top: var(--gap-xl);
  padding-bottom: var(--gap-xl);
  background-color: var(--clr-grey-10);
}

.offers > ul {
  gap: var(--gap-s);
}

.offer-item {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
  min-height: 430px;
  padding: var(--gap-x);
  background-color: var(--clr-white);
}

.offer-item > ol {
  list-style: decimal;
  list-style-position: inside;
}

.offer-item > ol > li {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
}

.offer-item > *:last-child {
  margin-top: auto;
}

.offer-item > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-s);
}

.offer-price {
font-size: clamp(1.5rem, calc(1.239rem + 1.304vw), 2.25rem);
line-height: 1;
}

/* SMI */

.smi .uk-slider-items > div > a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  padding: var(--gap-x);
  background-color: var(--clr-grey-10);
  height: 100%;
}

.smi .uk-slider-items > div > a > img {
  max-height: 27px;
}

.smi .uk-slider-items > div > a > h5 {
  margin-top: var(--gap-x);
  margin-bottom: var(--gap-m);
}

.smi .uk-slider-items > div > a > p {
  font-weight: 600;
  font-size: clamp(0.75rem, calc(0.707rem + 0.217vw), 0.875rem);
  text-decoration: underline;
  text-transform: uppercase;
  color: var(--clr-grey-60);
  margin-top: auto;
}

.smi .uk-slider-items > div > a:hover > p {
  color: var(--clr-red);
}

/* Blog */

.blog img {
  width: 100%;
}

.blog h4 {
  margin: var(--gap-s) 0;
}

.blog a:hover h4{
  color: var(--clr-red);
}

/* Мanagers */

.managers > .grid-2-col {
  gap: var(--gap-s);
}

.managers > .grid-2-col > img {
  height: 100%;
}

.managers > .grid-2-col > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-x);
  padding: var(--gap-xl);
  background-color: var(--clr-grey-10);
}

.managers > .grid-2-col > div > h4 {
  font-weight: 400;
}

/* Agency-now */

.agency-now > .grid-3-col > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
  padding: var(--gap-x);
  background-color: var(--clr-red);
}

.agency-now > .grid-3-col > div:nth-child(3) {
  background-color: var(--clr-grey);
}

.agency-now > .grid-3-col > div > h3 {
  font-size: clamp(3rem, calc(2.304rem + 3.478vw), 5rem);
  line-height: 1;
  color: var(--clr-white);
}

.agency-now > .grid-3-col > div > h4 {
  font-weight: 400;
  text-transform: uppercase;
  color: var(--clr-white);
}

.agency-now > .grid-3-col > div > p {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
  line-height: 1.2;
  color: var(--clr-white);
  margin-top: auto;
}

/* Instruments */

.instruments > h4 {
  max-width: 925px;
  margin-bottom: var(--gap-x);
}

.instruments .bottom-border-item p:last-child {
  font-weight: 700;
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
  line-height: 1.2;
  text-transform: uppercase;
}

/* Testimonials */

.testimonials .uk-slider-items > li > h6 {
  margin-top: var(--gap-xs);
}

.testimonials .uk-slider-items > li > p + p {
  margin-top: var(--gap-s);
}

/* Clients */

.clients {
  background-color: var(--clr-grey-10);
  padding: var(--gap-xl) 0;
}

.clients img {
  margin-top: var(--gap-xl);
  width: 100%;
}

/* Form */

.form {
  display: grid;
  grid-template-columns: minmax(40px, 1fr) minmax(100px, 715px) minmax(40px, 125px) minmax(100px, 400px) minmax(40px, 1fr);
}

.form > div,
#consultation > div > div {
  grid-column: 2 / 3;
  display: flex;
  flex-direction: column;
  gap: var(--gap-x);
}

.form > div > p,
#consultation > div > div > p {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
  line-height: 1.2;
  max-width: 450px;
}

.form > div:nth-child(2) {
  grid-column: 4 / 6;
  background-image: url("/images/hero-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.form form,
#consultation form {
  display: flex;
  flex-direction: column;
}

.form form > * + *:not(p),
#consultation form > * + *:not(p) {
  margin-top: var(--gap-x);
}

.form form > p,
#consultation form > p {
  font-size: clamp(0.75rem, calc(0.707rem + 0.217vw), 0.875rem);
  margin-top: var(--gap-xs);
  max-width: 380px;
}

.form form > p > a,
#consultation form > p > a {
  text-decoration: underline;
}

.form form > div,
#consultation form > div {
  display: flex;
  flex-direction: column;
}

.form form > div > label,
#consultation form > div > label {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
}

.form form > div > input,
#consultation form > div > input {
  font-size: clamp(1.375rem, calc(1.157rem + 1.087vw), 2rem);
  line-height: 1.2;
  border: none;
  border-bottom: var(--clr-grey) 1px solid;
  color: var(--clr-grey);
  padding: var(--gap-xs) 0;
  margin-top: var(--gap-xxs);
}

.form form > div > input:focus,
#consultation form > div > input:focus {
  outline: none;
  border-bottom-color: #00D855;
}

.form button.btn,
#consultation form button.btn{
  font-size: clamp(1.25rem, calc(1.087rem + 0.815vw), 1.5rem);
  padding: var(--gap-x);
  cursor: pointer;
}

#name.name {
  display: none;
}

/* Footer */

footer {
  background-color: var(--clr-grey);
  margin-top: var(--gap-xl);
}

footer > .grid-4-col {
  grid-template-rows: 1fr auto;
  gap: var(--gap-s);
  padding-top: var(--gap-xl);
  padding-bottom: var(--gap-xl);
  color: var(--clr-white);
}

footer > .grid-4-col > nav {
  grid-column: span 3;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-m);
  font-size: clamp(1.25rem, calc(1.087rem + 0.815vw), 1.5rem);
  line-height: 1;
}

footer > .grid-4-col > nav > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}

footer > .grid-4-col > nav > a:last-child {
  font-weight: 700;
  color: var(--clr-red);
}

footer > .grid-4-col > nav > a:last-child:hover {
  color: var(--clr-white);
}

footer > .grid-4-col > :nth-child(2) {
  grid-column: span 3;
  grid-row: 2 / 3;
}

footer > .grid-4-col > :nth-child(3) {
  grid-column: 4 / 5;
  grid-row: 1 / 3;
  font-size: clamp(0.75rem, calc(0.707rem + 0.217vw), 0.875rem);
}

footer > .grid-4-col > :nth-child(3) > a {
  display: inline;
  color: #F0E65A;
}

footer > .grid-4-col > :nth-child(3) > a:hover {
  text-decoration: underline;
}

/* Prices */

.prices, .prices-btn {
  margin-top: var(--gap-xl);
}

.prices > * + * {
  margin-top: var(--gap-xl);
}

.prices .bottom-border-item > *:last-child {
  margin-top: auto;
}

.prices p,
.prices ol {
  font-size: clamp(1.125rem, calc(1.082rem + 0.217vw), 1.25rem);
}

.prices ol {
  list-style: decimal;
  padding-left: 40px;
}

/* Contacts */

.contacts h4 {
  line-height: 1.5;
}

.contacts p {
  font-size: clamp(1.25rem, calc(1.087rem + 0.815vw), 1.5rem);
}

.contacts a {
  text-decoration: underline;
}

.contacts h4 + p {
  margin-top: var(--gap-s);
}

.contacts .publications {
  flex-direction: column;
  align-items: flex-start;
}

.contacts .publications a {
  text-decoration: none;
}

/* Post Item */

.post-item.grid-2-col {
  margin-top: var(--gap-xl);
  gap: var(--gap-s);
}

.post-item .big-item {
  grid-column: span 2;
}

.post-item > p {
  margin-top: var(--gap-s);
  margin-bottom: var(--gap-x);
}

.other-projects > div:nth-child(2) > ul.grid-2-col {
  margin-bottom: 0;
}

.line + .other-projects {
  margin-top: var(--gap-xl);
}

/* Agency */

.agency h2:has(+ p) {
  margin-bottom: 0;
}

.agency .p-accent {
  margin-bottom: var(--gap-xl);
}

.agency li > h4 + p {
  margin-top: var(--gap-s);
}

.instruments .p-accent {
  margin-bottom: var(--gap-xxl);
}

.section-header:has(h4, p) {
  margin-bottom: var(--gap-x);
}

.star-square > div {
  display: grid;
  grid-template-columns: 2.5fr 1.5fr;
  gap: var(--gap-s);
  margin-top: var(--gap-m);
}

.star-square > div img {
  width: 100%;
}

.star-square > div + h4 {
  margin-top: var(--gap-xl);
}

.star-square > div a {
  color: var(--clr-grey-40);
}

.star-square > div a:hover {
  color: var(--clr-red);
}

.star-square > div > div {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
  align-items: flex-start;
  justify-content: space-between;
}

/* Our-service */

.our-service > ul > li > * + * {
  margin-top: var(--gap-x);
}

/* @media */

@media screen and (max-width: 1100px) {
  header > nav > ul,
  header > div {
    display: none;
  }

  .burger {
    display: flex;
  }
}

@media screen and (max-width: 960px) {
  .grid-4-col {
    grid-template-columns: repeat(2, 1fr);
  }

  .non-symmetrical-grid {
    grid-template-areas: none;
  }

  .non-symmetrical-grid > :nth-child(n) {
    grid-area: auto;
  }

  .managers > .grid-2-col {
    grid-template-columns: 1fr;
  }

  .managers > .grid-2-col > *:last-child {
    order: 1;
  }

  .managers > .grid-2-col > *:nth-child(3) {
    order: 2;
  }

  .agency-now > .grid-3-col {
    grid-template-columns: 1fr;
  }

  .form {
    grid-template-columns: 1fr;
    padding: 0 var(--gap-x);
  }

  .form > *:first-child {
    grid-column: span 1;
  }

  .form > *:last-child {
    display: none;
  }

  .star-square > div {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap-s);
    margin-top: var(--gap-m);
  }

  footer > .grid-4-col {
    display: flex;
    flex-direction: column;
  }

  footer > .grid-4-col > *:nth-child(2) {
    order: 1;
  }
}

@media screen and (max-width: 800px) {
  .hero {
    display: grid;
    grid-template-columns: 1fr;
    aspect-ratio: auto;
  }

  .grid-3-col {
    grid-template-columns: repeat(2, 1fr);
  }

  .plan > ul > li:nth-child(1) {
    grid-template-columns: 1fr;
    gap: 0;
    background-size: cover;
  }

  .plan > ul > li:nth-child(1) > div {
    padding: var(--gap-x);
  }

  .plan > ul > li:nth-child(1)::before {
    aspect-ratio: 114 / 150;
    max-width: 25%;
  }
}

@media screen and (max-width: 720px) {
  .grid-2-col,
  .grid-3-col,
  .grid-4-col {
    grid-template-columns: 1fr;
  }

  .plan > ul > li:nth-child(1) {
    grid-column: span 1;
  }

  .post-item .big-item {
    grid-column: span 1;
  }
}

@media screen and (max-width: 450px) {
  .hero > div:last-child > img {
    flex-grow: 1;
  }
}