/* Shared finishing details for the paper, ink and terracotta visual system. */
:root {
  --murat-ink: #282828;
  --murat-paper: #f4f1e8;
  --murat-accent: #c4340b;
  --murat-muted: #655f54;
  --murat-rule: #bcb6a8;
}

::selection { background: #e8c6b3; color: var(--murat-ink); }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--murat-accent);
  outline-offset: -3px;
}
.heading { text-wrap: balance; }
.header-logo .header-logo-inner { overflow: visible; }
.header-logo .murat-language { gap: 2px; margin-inline-start: 16px; }
.header-logo .murat-language a {
  width: 36px;
  height: 36px;
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--murat-ink);
  transition: color .2s, background-color .2s;
}
.header-logo .murat-language a[aria-current="page"],
.header-logo .murat-language a.w--current {
  color: var(--murat-accent);
  box-shadow: inset 0 -2px var(--murat-accent);
}
.header-logo .murat-language a:hover { background: #c4340b0a; }

.awwwards {
  top: 50%;
  right: clamp(8px, 1vw, 16px);
  bottom: auto;
  width: clamp(44px, 5vw, 54px);
  transform: translateY(-50%);
  box-shadow: 0 3px 12px #28282814;
}
.awwwards .awwwards-link { width: 100%; height: auto; border: 0; }
.awwwards .awwwards-link svg { display: block; width: 100%; height: auto; }

.home-hero-sub .txt,
.product-hero-sub .txt,
.product-key-main-sub .txt,
.contact-hero-sub .txt,
.about-hero-sub .txt {
  font-size: clamp(16px, 1.9rem, 20px);
  line-height: 1.5;
  letter-spacing: -.015em;
  text-wrap: pretty;
}
.resource-hero-title .heading { line-height: 1.08; }
.resource-hero-filter .resource-hero-filter-item {
  min-height: 56px;
  transition: background-color .2s, color .2s;
}
.resource-hero-filter .resource-hero-filter-item.active {
  background: #c4340b08;
  box-shadow: inset 0 -2px var(--murat-accent);
}
.resource-hero-filter-item .txt { font-size: clamp(11px, 1.3rem, 14px); }
.resource-hero-filter-item .resource-hero-filter-item-val { color: var(--murat-muted); }
.resource-hero-list .resource-hero-item-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.resource-hero-list .resource-hero-item-img,
.resource-hero-list .resource-hero-item:hover .resource-hero-item-img {
  height: auto;
  padding: clamp(16px, 2rem, 28px);
}
.resource-hero-list .resource-hero-item-img-inner {
  height: auto;
  aspect-ratio: 8 / 5;
}
.resource-hero-list .resource-hero-item-img-block { display: none; }
.resource-hero-list img.resource-hero-item-img-main {
  object-fit: contain !important;
  transition: transform .45s cubic-bezier(.2,.65,.3,1);
}
.resource-hero-list .resource-hero-item-img-inner:hover img { transform: scale(1.025); }
.resource-hero-list .resource-hero-item-content {
  flex: 1;
  gap: 12px;
  padding: 8px clamp(20px, 2.4rem, 32px) 32px;
}
.resource-hero-item-title .heading,
.tp-resource-other-item-title .heading {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  font-size: clamp(22px, 2.7rem, 30px);
  line-height: 1.13;
  letter-spacing: -.035em;
}
.resource-hero-item-sub .txt,
.tp-resource-other-item-sub .txt {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  font-size: clamp(15px, 1.7rem, 18px);
  line-height: 1.55;
  letter-spacing: -.015em;
  text-wrap: pretty;
}
.resource-hero-item-date .txt { font-size: clamp(10px, 1.15rem, 12px); line-height: 1.4; }
.resource-hero-list .resource-hero-item:hover .resource-hero-item-sub { color: #e4dfd3; }
.resource-hero-list .resource-hero-item:hover .resource-hero-item-date { color: #c8c0af; }
.resource-hero-list .resource-hero-item:focus-within .resource-hero-item-title { color: var(--murat-accent); }

.tp-resource-hero-content-richtext,
.policy-hero-content-richtext {
  font-size: clamp(16px, 1.9rem, 21px);
  line-height: 1.65;
}
.tp-resource-hero-content-richtext p,
.policy-hero-content-richtext p { max-width: 68ch; line-height: 1.65; }
.tp-resource-hero-content-richtext h2,
.policy-hero-content-richtext h2 { line-height: 1.15; text-wrap: balance; }
.tp-resource-hero-img-inner img[src$=".svg"],
.tp-resource-other-item-img-inner img[src$=".svg"] { object-fit: contain !important; }
.about-team-item-info-title .heading { line-height: 1.15; }
.about-team-item-info-title-wrap { min-width: 0; }

/* The work stages use one sequence, without the inherited billing switch. */
.pricing-hero-head .murat-stage-plate {
  width: 200px;
  justify-self: center;
  margin: 0 auto 24px;
}
.pricing-hero .pricing-hero-tab-wrap,
.pricing-hero .pricing-hero-package-item-title-year,
.pricing-hero .pricing-hero-package-item-unit-txt { display: none !important; }
.pricing-hero-package-item-label .txt {
  font-size: clamp(15px, 1.7rem, 18px);
  line-height: 1.55;
}
.pricing-hero-package-item-title .heading {
  font-size: clamp(23px, 2.6rem, 30px);
  line-height: 1.15;
}
.pricing-hero-package-item .pricing-hero-package-item-title { width: 100%; }

.contact-hero-form-wrap .contact-hero-form-title { padding-block: 28px; }
.contact-hero-form-title .heading { font-size: clamp(24px, 3rem, 36px); line-height: 1.15; }
.contact-hero-form .contact-hero-form-input-group { min-height: 90px; }
.contact-hero-form .contact-hero-form-label {
  top: 16px !important;
  left: 24px;
  transform: none !important;
  color: var(--murat-muted);
}
.contact-hero-form .contact-hero-form-label .heading {
  font-family: Geistmono, monospace;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .04em;
  text-wrap: wrap;
}
.contact-hero-form .contact-hero-form-input {
  min-height: 90px;
  height: auto;
  padding: 42px 24px 18px;
  color: var(--murat-ink);
  font-size: 18px;
  line-height: 1.5;
}
.contact-hero-form .contact-hero-form-input:focus {
  background: #c4340b05;
  outline: none;
  box-shadow: inset 0 -2px var(--murat-accent);
}
.contact-hero-form .contact-hero-form-input.input-area {
  min-height: 170px;
  margin: 0;
  padding: 44px 24px 24px;
}
.contact-hero-form .contact-hero-form-input-submit {
  min-height: 76px;
  height: auto;
  padding: 24px;
  background: var(--murat-ink);
  color: var(--murat-paper) !important;
  transition: background-color .2s;
}
.contact-hero-form .contact-hero-form-input-submit:hover { background: var(--murat-accent); }
.contact-hero-form .contact-hero-form-input-submit .heading { font-size: 18px; }
.project-copy[hidden] { display: none !important; }
.project-copy:not([hidden]) {
  width: calc(100% - 48px);
  min-height: 180px;
  margin: 0 24px 24px;
  padding: 16px;
  border: 1px solid var(--murat-rule);
  background: var(--murat-paper);
  color: var(--murat-ink);
  font: 14px/1.6 Geistmono, monospace;
}
.project-status:not(:empty) {
  width: 100%;
  margin: 20px 24px;
  padding: 12px 16px;
  border-left: 2px solid var(--murat-accent);
  font-size: 15px;
  line-height: 1.5;
}
.footer-copyright-txt-block .murat-image-note { font-size: 11px; font-weight: 400; line-height: 1.5; }
.footer-copyright-txt .rvzsoft-logo::after { animation: none; background: none; }
.murat-footer-cta { min-height: 56px; padding: 16px; transition: color .2s, background .2s; }
.murat-footer-cta:hover { color: var(--murat-paper); background: var(--murat-ink); }

@media (min-width: 768px) and (max-width: 1199px) {
  .resource-hero-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .header-inner .container.grid { grid-template-columns: minmax(0, 1fr) 280px; gap: 0; }
  .header-inner .header-logo { grid-area: 1 / 1 / 2 / 2 !important; padding: 8px 12px; }
  .header-inner .header-menu-wrap { grid-area: 1 / 2 / 2 / 3 !important; margin-left: 0; }
  .header-logo .header-logo-inner { height: 40px; width: 100%; }
  .header-logo .header-logo-item.murat-krdmn-logo { width: clamp(108px, 28vw, 136px); }
  .header-logo .murat-language { margin-inline-start: auto; gap: 0; }
  .header-logo .murat-language a { width: 40px; height: 40px; }
  .header-menu-wrap .header-menu-btn {
    justify-content: space-between;
    gap: 8px;
    padding-inline: 10px;
    white-space: nowrap;
  }
  .header-menu-btn .txt { font-size: 12px; }
  .header-menu-btn .header-menu-btn-ic {
    position: static;
    flex: 0 0 18px;
    gap: 2px;
  }
  .header-menu-wrap .header-menu {
    left: auto;
    right: 0;
    width: calc(100vw - 1.6rem);
    box-shadow: 0 12px 24px #2828280c;
  }
}
@media (max-width: 767px) {
  .footer-logo {
    min-height: clamp(156px, 47vw, 220px);
    background: url("./footer-mk.svg") center / auto 85% no-repeat;
  }
  .footer-logo > .footer-logo-inner { visibility: hidden; }
  .header-inner .container.grid { grid-template-columns: minmax(0, 1fr) clamp(88px, 18vw, 124px); }
  .header-logo .murat-language a { width: 36px; }
  .resource-hero-title { padding: 40px 20px; }
  .resource-hero-title .heading { font-size: clamp(32px, 9vw, 48px); }
  .resource-hero-filter .resource-hero-filter-item { min-height: 72px; padding: 16px; }
  .resource-hero-filter-item .resource-hero-filter-item-inner { gap: 6px; }
  .resource-hero-list .resource-hero-item-img { padding: 20px; }
  .resource-hero-list .resource-hero-item-content { padding: 4px 24px 32px; }
  .resource-hero-item-title .heading { font-size: 26px; }
  .contact-hero-title-wrap .contact-hero-title { max-width: 100%; }
  .contact-hero-title .heading { font-size: clamp(32px, 9vw, 44px); line-height: 1.08; }
  .contact-hero-title-wrap { padding: 28px 20px; }
  .contact-hero-sub .txt { font-size: 16px; }
  .contact-hero-form-wrap .contact-hero-form-title { padding: 24px 20px; }
  .contact-hero-form .contact-hero-form-input-group,
  .contact-hero-form .contact-hero-form-input { min-height: 84px; }
  .contact-hero-form .contact-hero-form-input { font-size: 16px; }
  .contact-hero-form .contact-hero-form-label { left: 20px; }
  .contact-hero-form .contact-hero-form-input,
  .contact-hero-form .contact-hero-form-input.input-area { padding-inline: 20px; }
}