@font-face {
  font-family: Yekan Bakh;
  src: url(../fonts/YekanBakh-ExtraBold.woff2) format('woff2');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: IRANSansXFaNum;
  src: url(../fonts/IRANSansXFaNum-Regular.woff2) format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: IRANSansX;
  src: url(../fonts/IRANSansX-Medium.woff2) format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
.memorial-hero {
  --hero-text: #e2e2e2;
  --hero-brand: #d1c56c;
  position: relative;
  isolation: isolate;
  width: var(--page-width, 1440px);
  height: 1024px;
  overflow: visible;
  background: transparent;
  color: var(--hero-text);
  text-align: start;
}
.memorial-hero *,
.memorial-hero *:before,
.memorial-hero *:after {
  box-sizing: border-box;
}
.memorial-hero__background {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.memorial-hero__shade {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 65.069444%;
  z-index: -1;
  background: linear-gradient(
    268.63013608521686deg,
    #000 1.2691%,
    #0000 98.731%
  );
}
.memorial-hero__content {
  position: relative;
  margin-inline-start: var(--page-gutter, 50px);
  margin-inline-end: auto;
  direction: rtl;
  text-align: right;
  padding-block-start: 381px;
  width: 510px;
}
.memorial-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 21px;
  color: var(--hero-brand);
  font-family: IRANSansXFaNum;
  font-size: 14px;
  line-height: 21px;
  white-space: nowrap;
}
.memorial-hero__eyebrow img {
  display: block;
  flex-shrink: 0;
}
.memorial-hero h1 {
  margin: 12px 0 20px;
  font-family: Yekan Bakh;
  font-size: 48px;
  font-weight: 800;
  line-height: 74px;
  white-space: nowrap;
}
.memorial-hero__description {
  margin: 0;
  width: 510px;
  font-family: IRANSansXFaNum;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.memorial-hero__actions {
  display: flex;
  gap: 8px;
  margin-block-start: 27px;
}
.memorial-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 60px;
  padding: 10px 20px;
  border: 1px solid var(--hero-brand);
  border-radius: 4px;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.22s ease,
    color 0.22s ease,
    transform 0.22s ease;
}
.memorial-hero__button--primary {
  width: 193px;
  background: var(--hero-brand);
  color: #000;
}
.memorial-hero__button--secondary {
  width: 184px;
  background: transparent;
  color: var(--hero-text);
}
.memorial-hero__button:focus-visible {
  outline: 2px solid var(--hero-text);
  outline-offset: 4px;
}
.memorial-hero__button--primary:focus-visible {
  background-color: transparent;
  color: var(--hero-text);
}
.memorial-hero__button--secondary:focus-visible {
  background-color: var(--hero-brand);
  color: #000;
}
@media (hover: hover) {
  .memorial-hero__button:hover {
    transform: translateY(-2px);
  }
  .memorial-hero__button--primary:hover {
    background-color: transparent;
    color: var(--hero-text);
  }
  .memorial-hero__button--secondary:hover {
    background-color: var(--hero-brand);
    color: #000;
  }
}
@media (prefers-reduced-motion: reduce) {
  .memorial-hero__button {
    transition: none;
  }
  .memorial-hero__button:hover {
    transform: none;
  }
}
@font-face {
  font-family: Yekan Bakh;
  src: url(../fonts/YekanBakh-Bold.woff2) format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: IRANSansX;
  src: url(../fonts/IRANSansX-DemiBold.woff2) format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
.memorial-about {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: var(--page-width, 1440px);
  height: 471px;
  margin: 0;
  margin-block-start: var(--section-gap, 160px);
  overflow: visible;
  background: transparent;
  color: #e2e2e2;
  text-align: start;
}
.memorial-about__background {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.memorial-about__shade {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  z-index: -1;
  width: 65.069444%;
  background: linear-gradient(
    267.0629032072675deg,
    #181818 68.21%,
    #18181800 98.747%
  );
}
.memorial-about__content {
  width: min(660px, calc(100% - 2 * var(--page-gutter, 50px)));
  margin-inline-start: var(--page-gutter, 50px);
  margin-inline-end: auto;
  padding-block-start: 80px;
  direction: rtl;
  text-align: right;
}
.memorial-about__eyebrow {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 21px;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.memorial-about__eyebrow img {
  display: block;
  flex-shrink: 0;
}
.memorial-about h2 {
  margin: 8px 0 20px;
  color: #fff;
  font-family: Yekan Bakh;
  font-size: calc(36px * var(--section-title-scale, 1));
  font-weight: 700;
  line-height: calc(56px * var(--section-title-scale, 1));
}
.memorial-about__intro,
.memorial-about__details {
  margin: 0;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.memorial-about__details {
  margin-block-start: 8px;
}
.memorial-about__closing {
  margin: 8px 0 0;
  color: #d1c56c;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@keyframes about-appear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes about-rise {
  0% {
    opacity: 0;
    translate: 0 6px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .memorial-about[data-reveal='pending'] .memorial-about__background,
  .memorial-about[data-reveal='pending'] .memorial-about__shade,
  .memorial-about[data-reveal='pending'] .memorial-about__content > * {
    opacity: 0;
  }
  .memorial-about[data-reveal='entered'] .memorial-about__background,
  .memorial-about[data-reveal='entered'] .memorial-about__shade {
    animation: about-appear 1.4s ease-out backwards;
  }
  .memorial-about[data-reveal='entered'] .memorial-about__content > * {
    animation: about-rise 1s cubic-bezier(0.22, 1, 0.36, 1)
      var(--about-delay, 0.12s) backwards;
  }
  .memorial-about h2 {
    --about-delay: 0.24s;
  }
  .memorial-about__intro {
    --about-delay: 0.36s;
  }
  .memorial-about__details {
    --about-delay: 0.48s;
  }
  .memorial-about__closing {
    --about-delay: 0.6s;
  }
}
@font-face {
  font-family: IRANSansXFaNum;
  src: url(../fonts/IRANSansXFaNum-ExtraBold.woff2) format('woff2');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
.memorial-plans {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  padding: 80px 50px;
  margin-block-start: 80px;
  color: #e2e2e2;
}
.memorial-plans:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 100cqw;
  transform: translate(-50%);
  background: #000;
}
.memorial-plans__heading {
  text-align: center;
}
.memorial-plans__eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
  font-size: 14px;
  line-height: 21px;
}
.memorial-plans__eyebrow img {
  display: block;
  flex-shrink: 0;
}
.memorial-plans h2 {
  margin: 8px 0 0;
  color: #fff;
  font-family: Yekan Bakh;
  font-size: calc(36px * var(--section-title-scale, 1));
  font-weight: 700;
  line-height: calc(56px * var(--section-title-scale, 1));
}
.memorial-plans__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 426px));
  justify-content: space-between;
  gap: 31px;
  margin-block-start: 48px;
}
.plan-card {
  position: relative;
  box-sizing: border-box;
  min-height: 483px;
  padding: 47px 23px 23px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #1d1d1d;
  text-align: right;
  transition: border-color 0.24s ease;
}
.plan-card h3 {
  margin: 0;
  font-family: Yekan Bakh;
  font-size: 24px;
  font-weight: 700;
  line-height: 37px;
}
.plan-card__description {
  height: 48px;
  margin: 4px 0 0;
  color: #a6a6a6;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.plan-card__divider {
  height: 1px;
  background: #343434;
  margin-block-start: 24px;
}
.plan-card__features {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.plan-card__features li {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 21px;
  font-family: IRANSansX;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  white-space: nowrap;
}
.plan-card__features img {
  display: block;
  flex-shrink: 0;
}
.plan-card__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-start: 37px;
  height: 30px;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
}
.plan-card__price > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.plan-card__price strong {
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
  white-space: nowrap;
}
.plan-card__request {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  margin-block-start: 19px;
  padding: 10px 20px;
  border: 1px solid #d1c56c;
  border-radius: 4px;
  background: transparent;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  transition: color 0.24s ease;
}
.plan-card__request:before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(
    101.64673017181146deg,
    #d1c56c 11.091%,
    #6b6537 138.52%
  );
  opacity: 0;
  transition: opacity 0.24s ease;
}
.plan-card__badge {
  position: absolute;
  top: -17px;
  right: 27px;
  padding: 5px 10px;
  border-radius: 4px;
  background: #d1c56c;
  color: #121212;
  font-family: IRANSansXFaNum;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  white-space: nowrap;
  pointer-events: none;
}
.plan-card:has(:focus-visible) {
  border-color: #d1c56c;
}
.plan-card:has(:focus-visible) .plan-card__request {
  color: #121212;
}
.plan-card:has(:focus-visible) .plan-card__request:before {
  opacity: 1;
}
.plan-card__request:focus-visible {
  outline: 2px solid #d1c56c;
  outline-offset: 4px;
}
@media (hover: hover) {
  .plan-card:hover {
    border-color: #d1c56c;
  }
  .plan-card:hover .plan-card__request {
    color: #121212;
  }
  .plan-card:hover .plan-card__request:before {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .plan-card,
  .plan-card__badge,
  .plan-card__request,
  .plan-card__request:before {
    transition: none;
  }
}
@keyframes plans-rise {
  0% {
    opacity: 0;
    translate: 0 6px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .memorial-plans[data-reveal='pending'] .memorial-plans__heading,
  .memorial-plans[data-reveal='pending'] .plan-card {
    opacity: 0;
  }
  .memorial-plans[data-reveal='entered'] .memorial-plans__heading,
  .memorial-plans[data-reveal='entered'] .plan-card {
    animation: plans-rise 1s cubic-bezier(0.22, 1, 0.36, 1)
      var(--plans-delay, 0ms) backwards;
  }
  .plan-card:nth-child(1) {
    --plans-delay: 0.12s;
  }
  .plan-card:nth-child(2) {
    --plans-delay: 0.24s;
  }
  .plan-card:nth-child(3) {
    --plans-delay: 0.36s;
  }
}
.memorial-services {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  margin-block-start: 80px;
  padding: 80px 50px;
  color: #e2e2e2;
  text-align: right;
}
.memorial-services:before {
  content: '';
  position: absolute;
  z-index: -1;
  inset-block: 0;
  left: 50%;
  width: 100cqw;
  transform: translate(-50%);
  background: #181818;
}
.memorial-services__eyebrow {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 21px;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.memorial-services__eyebrow img {
  display: block;
  flex-shrink: 0;
}
.memorial-services h2 {
  margin: 8px 0 0;
  color: #fff;
  font-family: Yekan Bakh;
  font-size: calc(36px * var(--section-title-scale, 1));
  font-weight: 700;
  line-height: calc(56px * var(--section-title-scale, 1));
}
.memorial-services__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(305px, auto));
  margin-block-start: 32px;
  border-radius: 8px;
  overflow: hidden;
}
.memorial-services__grid:after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #343434;
  border-radius: 8px;
  pointer-events: none;
}
.service-card {
  position: relative;
  box-sizing: border-box;
  padding: 32px 24px 24px;
}
.service-card:not(:nth-child(3n)):after {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 1px;
  background: #343434;
}
.service-card:nth-child(-n + 3):before {
  content: '';
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 1px;
  background: #343434;
}
.service-card__icon {
  position: relative;
  width: 72px;
  height: 72px;
}
.service-card__icon-frame {
  position: absolute;
  inset: 0;
  display: block;
}
.service-card__icon-symbol {
  position: absolute;
  left: 20px;
  top: 24px;
  display: block;
}
.service-card h3 {
  margin: 16px 0 4px;
  font-family: Yekan Bakh;
  font-size: 20px;
  font-weight: 700;
  line-height: 31px;
}
.service-card p {
  margin: 0;
  height: 42px;
  color: #a6a6a6;
  font-family: IRANSansX;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.service-card__more-row {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin-block-start: 24px;
  height: 60px;
}
.service-card__more-row > img {
  display: block;
  flex-shrink: 0;
  transition:
    transform 0.22s ease,
    opacity 0.22s ease;
}
.service-card__more {
  height: 60px;
  padding: 0;
  border: 0;
  background: none;
  color: #d1c56c;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 6px;
  transition:
    color 0.22s ease,
    text-decoration-color 0.22s ease;
}
.service-card__more:focus-visible {
  color: #e2e2e2;
  text-decoration-color: #d1c56c;
  outline: 2px solid #d1c56c;
  outline-offset: 5px;
}
@media (hover: hover) {
  .service-card__more-row:hover .service-card__more {
    color: #e2e2e2;
    text-decoration-color: #d1c56c;
  }
  .service-card__more-row:hover > img {
    transform: translate(-3px);
    opacity: 0.8;
  }
}
.service-card__more:focus-visible + img {
  transform: translate(-3px);
  opacity: 0.8;
}
@keyframes services-rise {
  0% {
    opacity: 0;
    translate: 0 6px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .memorial-services[data-reveal='pending'] .memorial-services__heading,
  .memorial-services[data-reveal='pending'] .service-card {
    opacity: 0;
  }
  .memorial-services[data-reveal='entered'] .memorial-services__heading,
  .memorial-services[data-reveal='entered'] .service-card {
    animation: services-rise 1s cubic-bezier(0.22, 1, 0.36, 1)
      var(--services-delay, 0ms) backwards;
  }
  .service-card:nth-child(1) {
    --services-delay: 0.12s;
  }
  .service-card:nth-child(2) {
    --services-delay: 0.2s;
  }
  .service-card:nth-child(3) {
    --services-delay: 0.28s;
  }
  .service-card:nth-child(4) {
    --services-delay: 0.36s;
  }
  .service-card:nth-child(5) {
    --services-delay: 0.44s;
  }
  .service-card:nth-child(6) {
    --services-delay: 0.52s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-card__more,
  .service-card__more-row > img {
    transition: none;
  }
  .service-card__more-row:hover > img,
  .service-card__more:focus-visible + img {
    transform: none;
  }
}
.memorial-archive {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  margin-block-start: 80px;
  padding: 80px 50px;
  color: #fff;
}
.memorial-archive:before {
  content: '';
  position: absolute;
  z-index: -1;
  inset-block: 0;
  left: 50%;
  width: 100cqw;
  transform: translate(-50%);
  background: #000;
}
.memorial-archive__heading {
  text-align: center;
}
.memorial-archive__eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.memorial-archive__eyebrow img {
  display: block;
  flex-shrink: 0;
}
.memorial-archive h2 {
  margin: 8px 0 0;
  font-family: Yekan Bakh;
  font-size: calc(36px * var(--section-title-scale, 1));
  font-weight: 700;
  line-height: calc(56px * var(--section-title-scale, 1));
}
.memorial-archive__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 320px));
  gap: 20px;
  margin-block-start: 40px;
}
.archive-card {
  box-sizing: border-box;
  min-height: 422px;
  border: 1px solid #343434;
  border-radius: 4px;
  background: #000;
  overflow: hidden;
  text-align: right;
  transition: border-color 0.28s ease;
}
.archive-card__image {
  display: block;
  width: 100%;
  height: 219px;
  object-fit: cover;
  border-radius: 3px;
}
.archive-card__content {
  padding: 32px 15px 15px;
}
.archive-card h3 {
  margin: 0;
  font-family: Yekan Bakh;
  font-size: 20px;
  font-weight: 600;
  line-height: 31px;
}
.archive-card p {
  margin: 8px 0 0;
  color: #e2e2e2;
  font-family: IRANSansXFaNum;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.archive-card__divider {
  height: 1px;
  margin-block-start: 15px;
  background: #343434;
}
.archive-card__view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-block-start: 15px;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font-family: IRANSansXFaNum;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
.archive-card__view img {
  display: block;
  flex-shrink: 0;
}
.archive-card:has(:focus-visible) {
  border-color: #d1c56c;
}
.archive-card__view:focus-visible {
  outline: 2px solid #d1c56c;
  outline-offset: 4px;
  border-radius: 2px;
}
@media (hover: hover) {
  .archive-card:hover {
    border-color: #d1c56c;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .memorial-archive[data-reveal='pending'] .memorial-archive__heading,
  .memorial-archive[data-reveal='pending'] .archive-card {
    opacity: 0;
  }
  .memorial-archive[data-reveal='entered'] .memorial-archive__heading,
  .memorial-archive[data-reveal='entered'] .archive-card {
    animation: tarhim-rise 1s cubic-bezier(0.22, 1, 0.36, 1)
      var(--archive-delay, 0ms) backwards;
  }
  .archive-card:nth-child(1) {
    --archive-delay: 0.12s;
  }
  .archive-card:nth-child(2) {
    --archive-delay: 0.24s;
  }
  .archive-card:nth-child(3) {
    --archive-delay: 0.36s;
  }
  .archive-card:nth-child(4) {
    --archive-delay: 0.48s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .archive-card {
    transition: none;
  }
}
.archive-card__media {
  position: relative;
}
.archive-card__badge {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 31px;
  border-radius: 99px;
  background: #d1c56c;
  color: #121212;
  font: 400 14px/21px IRANSansX;
}
.memorial-news {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  margin-block-start: 80px;
  padding: 80px 50px;
  color: #e2e2e2;
  text-align: right;
}
.memorial-news:before {
  content: '';
  position: absolute;
  z-index: -1;
  inset-block: 0;
  left: 50%;
  width: 100cqw;
  transform: translate(-50%);
  background: #1d1d1d;
}
.memorial-news__eyebrow {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
  font-size: 14px;
  line-height: 21px;
}
.memorial-news__eyebrow img {
  display: block;
  flex-shrink: 0;
}
.memorial-news h2 {
  margin: 8px 0 0;
  color: #fff;
  font-family: Yekan Bakh;
  font-size: calc(36px * var(--section-title-scale, 1));
  font-weight: 700;
  line-height: calc(56px * var(--section-title-scale, 1));
}
.memorial-news__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 660px));
  gap: 20px;
  margin-block-start: 32px;
}
.news-featured__image {
  display: block;
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 8px;
}
.news-featured__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-start: 16px;
  height: 24px;
  color: #d1c56c;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.news-featured__date {
  color: #a6a6a6;
  font-family: IRANSansXFaNum;
}
.news-featured h3 {
  margin: 16px 0 0;
  color: #fff;
  font-family: Yekan Bakh;
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
}
.news-featured > p {
  margin: 8px 0 0;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.news-read {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  height: 60px;
  margin-block-start: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: #d1c56c;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
}
.news-read span {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 6px;
  transition:
    color 0.22s ease,
    text-decoration-color 0.22s ease;
}
.news-read img {
  display: block;
  flex-shrink: 0;
  transition:
    transform 0.22s ease,
    opacity 0.22s ease;
}
.news-read:focus-visible {
  outline: 2px solid #d1c56c;
  outline-offset: 5px;
}
.news-read:focus-visible span {
  color: #e2e2e2;
  text-decoration-color: #d1c56c;
}
.news-read:focus-visible img {
  transform: translate(-3px);
  opacity: 0.8;
}
.news-item {
  padding-block: 0 24px;
}
.news-item + .news-item {
  padding-block-start: 24px;
  border-block-start: 1px solid #343434;
}
.news-item__category {
  margin: 0;
  color: #d1c56c;
  font-family: IRANSansX;
  font-size: 16px;
  line-height: 24px;
}
.news-item h3 {
  margin: 8px 0 0;
  font-family: Yekan Bakh;
  font-size: 20px;
  font-weight: 600;
  line-height: 31px;
}
.news-item .news-read {
  margin-block-start: 16px;
  font-size: 14px;
  line-height: 21px;
}
@media (hover: hover) {
  .news-read:hover span {
    color: #e2e2e2;
    text-decoration-color: #d1c56c;
  }
  .news-read:hover img {
    transform: translate(-3px);
    opacity: 0.8;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .memorial-news[data-reveal='pending'] .memorial-news__heading,
  .memorial-news[data-reveal='pending'] .news-featured,
  .memorial-news[data-reveal='pending'] .news-item {
    opacity: 0;
  }
  .memorial-news[data-reveal='entered'] .memorial-news__heading,
  .memorial-news[data-reveal='entered'] .news-featured,
  .memorial-news[data-reveal='entered'] .news-item {
    animation: tarhim-rise 1s cubic-bezier(0.22, 1, 0.36, 1)
      var(--news-delay, 0ms) backwards;
  }
  .news-featured {
    --news-delay: 0.12s;
  }
  .news-item:nth-child(1) {
    --news-delay: 0.24s;
  }
  .news-item:nth-child(2) {
    --news-delay: 0.36s;
  }
  .news-item:nth-child(3) {
    --news-delay: 0.48s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .news-read span,
  .news-read img {
    transition: none;
  }
  .news-read:hover img,
  .news-read:focus-visible img {
    transform: none;
  }
}
@font-face {
  font-family: IRANSansXFaNum;
  src: url(../fonts/IRANSansXFaNum-Regular.woff2) format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: IRANSansXFaNum;
  src: url(../fonts/IRANSansXFaNum-ExtraBold.woff2) format('woff2');
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: IRANSansXFaNum;
  src: url(../fonts/IRANSansXFaNum-Black.woff2) format('woff2');
  font-weight: 900;
  font-display: swap;
}
.memorial-record {
  position: relative;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
  margin-block-start: 80px;
  padding: 120px 50px;
  color: #fff;
  text-align: center;
}
.memorial-record:before {
  content: '';
  position: absolute;
  z-index: -1;
  inset-block: 0;
  left: 50%;
  width: 100cqw;
  transform: translate(-50%);
  background: #000;
}
.memorial-record__eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  color: #d1c56c;
  font-family: IRANSansXFaNum;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.memorial-record__eyebrow img {
  display: block;
  flex-shrink: 0;
}
.memorial-record h2 {
  margin: 8px 0 0;
  font-family: Yekan Bakh;
  font-size: 36px;
  font-weight: 700;
  line-height: 56px;
}
.memorial-record__heading > p {
  margin: 0;
  color: #a6a6a6;
  font-family: IRANSansX;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.memorial-record__statistics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 150px 150px 150px;
  gap: 20px;
  margin: 40px 0 0;
  padding: 0;
  text-align: right;
}
.memorial-record__stat {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid #343434;
  border-radius: 8px;
  background: #1d1d1d;
}
.memorial-record__stat dt,
.memorial-record__stat dd {
  margin: 0;
}
.memorial-record__stat dd {
  position: absolute;
  z-index: 1;
  top: 25px;
  right: 127px;
  color: #d1c56c;
  font: 800 48px/72px IRANSansXFaNum;
  white-space: nowrap;
}
.memorial-record__label {
  position: absolute;
  z-index: 1;
  top: 93px;
  right: 127px;
  color: #fff;
  font: 400 20px/30px IRANSansXFaNum;
  white-space: nowrap;
}
.memorial-record__icon {
  position: absolute;
  top: 46px;
  right: 23px;
  display: block;
}
.memorial-record__stat-line {
  position: absolute;
  top: 58px;
  right: 102px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1px;
  height: 32px;
}
.memorial-record__stat-line img {
  display: block;
  flex-shrink: 0;
  transform: rotate(90deg);
}
.memorial-record__stat--ceremonies {
  grid-column: 3;
  grid-row: 1;
}
.memorial-record__stat--simultaneous {
  grid-column: 3;
  grid-row: 2;
}
.memorial-record__stat--years {
  grid-column: 1 / -1;
  grid-row: 3;
}
.memorial-record__stat--guests {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
  overflow: hidden;
  background: #121212;
  border-color: #d1c56c;
}
.memorial-record__art {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  border-radius: 7px;
}
.memorial-record__art > img {
  position: absolute;
  width: 141.26%;
  height: 278.44%;
  left: 0.02%;
  top: -93.3%;
  max-width: none;
}
.memorial-record__shade {
  position: absolute;
  inset: 0 0 0 auto;
  width: 61.67%;
  background: linear-gradient(
    89.586657768355deg,
    #12121200 0.20754%,
    #121212 21.274%
  );
}
.memorial-record__stat--guests dd {
  top: 115px;
  right: 23px;
  font-weight: 900;
  font-size: 80px;
  line-height: 120px;
}
.memorial-record__stat--guests .memorial-record__label {
  top: 211px;
  right: 23px;
  color: #e2e2e2;
  font: 700 24px/37px Yekan Bakh;
}
.memorial-record__guest-line {
  position: absolute;
  z-index: 1;
  top: 255px;
  right: 23px;
  display: block;
}
.memorial-record__description {
  position: absolute;
  z-index: 1;
  top: 263px;
  right: 23px;
  color: #e2e2e2;
  font: 400 16px/24px IRANSansXFaNum;
  white-space: nowrap;
}
.memorial-record__number {
  display: inline-flex;
  flex-direction: row;
  direction: ltr;
  align-items: baseline;
  unicode-bidi: isolate;
}
.memorial-record__plus {
  font-family: Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 700;
}
html {
  background: #000;
}
body {
  margin: 0;
  min-width: 0;
  container-type: inline-size;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
.landing-preview {
  --page-width: min(100%, 1440px);
  --page-gutter: 50px;
  --section-gap: 160px;
  position: relative;
  width: var(--page-width);
  margin-inline: auto;
}
.section-backdrop {
  position: absolute;
  inset-block: 0;
  left: 50%;
  width: 100cqw;
  transform: translate(-50%);
  z-index: -1;
  overflow: hidden;
}
.memorial-hero > .section-backdrop {
  background: #000;
}
.memorial-about > .section-backdrop {
  background: #181818;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .landing-preview .site-header__navigation {
    inset-block-start: 60px;
    width: 100%;
    gap: clamp(12px, 2vw, 32px);
  }
  .plan-card__description,
  .plan-card__features li,
  .service-card p {
    height: auto;
  }
  .plan-card__features li {
    align-items: flex-start;
    white-space: normal;
  }
  .plan-card__features img {
    margin-block-start: 6px;
  }
  .plan-card__price {
    flex-wrap: wrap;
    height: auto;
  }
  .memorial-archive__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .memorial-record__stat:not(.memorial-record__stat--guests) dd,
  .memorial-record__stat:not(.memorial-record__stat--guests)
    .memorial-record__label {
    right: 90px;
  }
  .memorial-record__stat:not(.memorial-record__stat--guests)
    .memorial-record__label {
    white-space: normal;
    line-height: 24px;
  }
  .memorial-record__icon {
    max-width: 42px;
  }
  .memorial-record__stat-line {
    right: 77px;
  }
}
@keyframes tarhim-appear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tarhim-rise {
  0% {
    opacity: 0;
    translate: 0 6px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .memorial-hero__background {
    animation: tarhim-appear 1.8s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  }
  .memorial-hero__shade {
    animation: tarhim-appear 1.4s ease-out backwards;
  }
  .site-header__brand,
  .site-header__phone,
  .site-header__navigation button {
    animation: tarhim-rise 0.9s cubic-bezier(0.22, 1, 0.36, 1)
      var(--entrance-delay, 0.18s) backwards;
  }
  .site-header__brand {
    --entrance-delay: 0.12s;
  }
  .site-header__phone {
    --entrance-delay: 0.24s;
  }
  .site-header__navigation button:nth-child(1) {
    --entrance-delay: 0.16s;
  }
  .site-header__navigation button:nth-child(2) {
    --entrance-delay: 0.2s;
  }
  .site-header__navigation button:nth-child(3) {
    --entrance-delay: 0.24s;
  }
  .site-header__navigation button:nth-child(4) {
    --entrance-delay: 0.28s;
  }
  .site-header__navigation button:nth-child(5) {
    --entrance-delay: 0.32s;
  }
  .site-header__navigation button:nth-child(6) {
    --entrance-delay: 0.36s;
  }
  .memorial-hero__eyebrow,
  .memorial-hero h1,
  .memorial-hero__description,
  .memorial-hero__button {
    animation: tarhim-rise 1s cubic-bezier(0.22, 1, 0.36, 1)
      var(--entrance-delay, 0.32s) backwards;
  }
  .memorial-hero__eyebrow {
    --entrance-delay: 0.32s;
  }
  .memorial-hero h1 {
    --entrance-delay: 0.44s;
  }
  .memorial-hero__description {
    --entrance-delay: 0.56s;
  }
  .memorial-hero__button--primary {
    --entrance-delay: 0.68s;
  }
  .memorial-hero__button--secondary {
    --entrance-delay: 0.76s;
  }
}
.site-header button:focus-visible,
.site-header__phone:focus-visible,
.memorial-hero__button:focus-visible {
  animation: none;
}
@media (max-width: 767px) {
  :root {
    --section-title-scale: 0.875;
  }
  body {
    min-width: 0;
  }
  .landing-preview {
    --page-width: 100%;
    --page-gutter: 20px;
    width: 100%;
    min-width: 0;
  }
  .landing-preview,
  .landing-preview * {
    box-sizing: border-box;
  }
  .section-backdrop {
    width: 100%;
  }
  .memorial-hero,
  .memorial-about,
  .memorial-plans,
  .memorial-services,
  .memorial-archive,
  .memorial-news,
  .site-footer {
    width: 100%;
    min-width: 0;
  }
  .memorial-plans:before,
  .memorial-services:before,
  .memorial-archive:before,
  .memorial-news:before,
  .site-footer:before {
    width: 100%;
  }
  .site-header {
    inset-block-start: 24px;
    inset-inline: 20px;
    height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px 12px;
  }
  .site-header__brand {
    position: static;
    gap: 8px;
    height: 60px;
    align-items: center;
    min-width: 0;
  }
  .site-header__logo {
    width: 32px;
    height: 33px;
  }
  .site-header__brand-copy {
    height: auto;
    min-width: 0;
    white-space: normal;
  }
  .site-header__brand-copy strong {
    font-size: 14px;
    line-height: 22px;
  }
  .site-header__brand-copy > span {
    position: static;
    font-size: 10px;
    line-height: 17px;
    max-width: 150px;
  }
  .site-header__phone {
    position: static;
    width: auto;
    height: 60px;
    padding: 8px;
    gap: 4px;
    font-size: 11px;
  }
  .site-header__navigation {
    position: static;
    transform: none;
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 16px;
  }
  .site-header__navigation button {
    min-height: 60px;
    font-size: 12px;
    white-space: normal;
    text-align: right;
  }
  .memorial-hero {
    min-height: 760px;
    height: auto;
    padding: 250px 20px 64px;
  }
  .memorial-hero__background {
    object-position: 43% center;
  }
  .memorial-hero__shade {
    width: 100%;
    background: linear-gradient(270deg, #000, #0000008c 65%, #0003);
  }
  .memorial-hero__content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .memorial-hero__eyebrow {
    height: auto;
    gap: 12px;
    font-size: 12px;
    line-height: 21px;
    white-space: normal;
  }
  .memorial-hero h1 {
    margin-block: 16px 20px;
    font-size: clamp(27px, 7.2vw, 36px);
    line-height: 1.65;
    white-space: normal;
  }
  .memorial-hero__description {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
  }
  .memorial-hero__actions {
    flex-wrap: wrap;
    gap: 12px;
    margin-block-start: 24px;
  }
  .memorial-hero__button {
    width: 100%;
    height: 60px;
    font-size: 14px;
  }
  .memorial-about {
    height: auto;
    margin-block-start: 80px;
    padding: 48px 20px;
  }
  .memorial-about__content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .memorial-about__shade {
    width: 100%;
    background: linear-gradient(270deg, #181818, #181818eb 55%, #181818b8);
  }
  .memorial-about__intro,
  .memorial-about__details,
  .memorial-about__closing {
    font-size: 14px;
    line-height: 27px;
  }
  .memorial-plans,
  .memorial-services,
  .memorial-archive,
  .memorial-news {
    margin-block-start: 80px;
    padding: 48px 20px;
  }
  .memorial-about__eyebrow,
  .memorial-plans__eyebrow,
  .memorial-services__eyebrow,
  .memorial-archive__eyebrow,
  .memorial-news__eyebrow {
    height: auto;
    gap: 12px;
    font-size: 12px;
    line-height: 21px;
  }
  .memorial-plans__grid,
  .memorial-archive__grid,
  .memorial-news__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    margin-block-start: 32px;
  }
  .plan-card {
    height: auto;
    padding: 40px 20px 24px;
  }
  .plan-card__description {
    height: auto;
    font-size: 14px;
    line-height: 26px;
  }
  .plan-card__features li {
    height: auto;
    min-height: 21px;
    align-items: flex-start;
    white-space: normal;
    font-size: 13px;
    line-height: 24px;
  }
  .plan-card__features img {
    margin-block-start: 6px;
  }
  .plan-card__features span {
    min-width: 0;
  }
  .plan-card__price {
    height: auto;
    flex-wrap: wrap;
    gap: 8px;
    margin-block-start: 24px;
  }
  .plan-card__price strong {
    font-size: 18px;
  }
  .plan-card__badge {
    right: 20px;
    font-size: 12px;
  }
  .memorial-services__grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    margin-block-start: 32px;
  }
  .service-card {
    padding: 28px 20px;
  }
  .service-card:not(:nth-child(3n)):after,
  .service-card:nth-child(-n + 3):before {
    content: none;
  }
  .service-card + .service-card {
    border-block-start: 1px solid #343434;
  }
  .service-card p {
    height: auto;
    line-height: 25px;
  }
  .service-card__more-row {
    height: 60px;
    margin-block-start: 12px;
  }
  .archive-card {
    height: auto;
  }
  .archive-card__image {
    height: auto;
    aspect-ratio: 320 / 219;
  }
  .archive-card__view {
    height: 60px;
    margin-block-start: 8px;
  }
  .news-featured,
  .memorial-news__list {
    min-width: 0;
  }
  .news-featured__image {
    width: 100%;
    height: auto;
    aspect-ratio: 660 / 450;
  }
  .news-featured__meta {
    height: auto;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
  }
  .news-featured h3 {
    font-size: 22px;
    line-height: 36px;
  }
  .news-featured > p {
    font-size: 14px;
    line-height: 26px;
  }
  .news-read,
  .news-item .news-read {
    height: 60px;
    margin-block-start: 12px;
  }
  .memorial-record {
    display: none;
  }
  .site-footer {
    margin-block-start: 80px;
    padding: 32px 20px;
  }
  .site-footer__brand {
    height: auto;
    align-items: flex-start;
    gap: 12px;
  }
  .site-footer__brand-copy {
    min-width: 0;
  }
  .site-footer__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 20px;
    padding-block: 24px;
  }
  .site-footer h2 {
    font-size: 22px;
    line-height: 34px;
  }
  .site-footer li {
    height: auto;
  }
  .site-footer__link {
    min-height: 44px;
    text-align: right;
    font-size: 14px;
  }
  .site-footer ul {
    gap: 0;
  }
  .site-footer__contact {
    grid-column: 1 / -1;
    min-width: 0;
  }
  .site-footer__contact p {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 28px;
  }
  .site-footer__social {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
  }
  .site-footer__copyright {
    font-size: 12px;
    line-height: 24px;
    margin-block-start: 24px;
  }
}
.mobile-carousel-controls {
  display: none;
}
@media (max-width: 767px) {
  .site-header {
    align-items: start;
  }
  .site-header .site-header__menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 60px;
    height: 60px;
    border: 1px solid #343434;
    border-radius: 4px;
    background: #181818;
  }
  .site-header__menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: #d1c56c;
  }
  .site-header__menu-panel {
    display: none;
    position: absolute;
    inset-inline: 0;
    inset-block-start: calc(100% + 16px);
    padding: 16px;
    background: #181818;
    border: 1px solid #343434;
    border-radius: 4px;
    max-height: calc(100dvh - 120px);
    overflow-y: auto;
  }
  .site-header[data-menu-open='true'] .site-header__menu-panel {
    display: block;
  }
  .site-header__navigation {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .site-header__navigation button {
    font-size: 14px;
    padding: 8px;
  }
  .site-header__phone {
    margin-block-start: 12px;
    width: 100%;
    font-size: 14px;
  }
  .site-header__menu-panel button,
  .site-header__menu-panel .site-header__phone {
    animation: none;
  }
  .memorial-plans__grid.mobile-carousel-track,
  .memorial-archive__grid.mobile-carousel-track {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding-block: 20px 8px;
    margin-block-start: 12px;
  }
  .mobile-carousel-track::-webkit-scrollbar {
    display: none;
  }
  .mobile-carousel-track > article {
    flex: 0 0 100%;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .mobile-carousel-track:focus-visible {
    outline: 2px solid #d1c56c;
    outline-offset: 4px;
  }
  .mobile-carousel-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-block-start: 20px;
    direction: rtl;
  }
  .mobile-carousel-controls button {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    padding: 0;
    border: 1px solid #d1c56c;
    border-radius: 4px;
    background: transparent;
    color: #d1c56c;
    cursor: pointer;
  }
  .mobile-carousel-controls button:disabled {
    opacity: 0.35;
    cursor: default;
  }
  .mobile-carousel-controls button:focus-visible {
    outline: 2px solid #e2e2e2;
    outline-offset: 4px;
  }
  .mobile-carousel-controls span {
    color: #e2e2e2;
    font-family: IRANSansXFaNum;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .memorial-hero__button--primary:active {
    background-color: transparent;
    color: var(--hero-text);
  }
  .memorial-hero__button--secondary:active {
    background-color: var(--hero-brand);
    color: #000;
  }
  .plan-card:has(.plan-card__request:active) {
    border-color: #d1c56c;
  }
  .plan-card__request:active {
    color: #121212;
  }
  .plan-card__request:active:before {
    opacity: 1;
  }
  .archive-card:has(.archive-card__view:active) {
    border-color: #d1c56c;
  }
  .service-card__more:active {
    color: #e2e2e2;
    text-decoration-color: #d1c56c;
  }
  .service-card__more:active + img,
  .news-read:active img {
    opacity: 0.8;
  }
  .news-read:active span {
    color: #e2e2e2;
    text-decoration-color: #d1c56c;
  }
  .site-footer__link:active,
  .site-header__navigation button:active,
  .site-header__brand:active strong {
    color: #d1c56c;
  }
  .site-header__phone:active {
    background-color: #d1c56c;
    border-color: #d1c56c;
    color: #000;
  }
  .site-header__phone:active .site-header__phone-icon img {
    filter: brightness(0);
  }
  .site-header .site-header__menu-toggle:active {
    border-color: #d1c56c;
  }
  .mobile-carousel-controls button:not(:disabled):active {
    background: #d1c56c;
    color: #000;
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .memorial-hero__button:active,
  .site-header__brand:active,
  .site-header__navigation button:active,
  .site-header__phone:active,
  .site-footer__social:active {
    transform: translateY(-2px);
  }
  .service-card__more:active + img,
  .news-read:active img {
    transform: translate(-3px);
  }
}

/* Landing archive card artwork and year labels. */
.memorial-archive .archive-card {
  min-height: 0;
  border-radius: 7px;
}

.memorial-archive .archive-card__media {
  height: 219px;
  background: #121212;
  container-type: inline-size;
}

.memorial-archive .archive-card__image {
  position: absolute;
  inset-block-start: 3%;
  inset-inline: 0;
  width: 72%;
  height: 83%;
  margin-inline: auto;
  object-fit: contain;
}

.memorial-archive .archive-card__year {
  --year-outline: polygon(
    0 50%,
    6% 41%,
    10% 25%,
    16% 15%,
    23% 10%,
    36% 8%,
    45% 5%,
    50% 0,
    55% 5%,
    64% 8%,
    77% 10%,
    84% 15%,
    90% 25%,
    94% 41%,
    100% 50%,
    94% 59%,
    90% 75%,
    84% 85%,
    77% 90%,
    64% 92%,
    55% 95%,
    50% 100%,
    45% 95%,
    36% 92%,
    23% 90%,
    16% 85%,
    10% 75%,
    6% 59%
  );
  position: absolute;
  inset-block-end: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 33%;
  aspect-ratio: 104 / 66;
  isolation: isolate;
  color: #fff5dd;
  background: #d1c56c;
  clip-path: var(--year-outline);
  font:
    500 clamp(9px, 3.5cqw, 12px)/1.35 'IRANSansXFaNum',
    sans-serif;
}

.memorial-archive .archive-card__year::before {
  content: '';
  position: absolute;
  inset: 1px;
  z-index: -1;
  background: #121212;
  clip-path: var(--year-outline);
}

.memorial-archive .archive-card__year--birth {
  inset-inline-start: 3.2%;
}
.memorial-archive .archive-card__year--death {
  inset-inline-end: 3.2%;
}
.memorial-archive .archive-card__year strong {
  font-size: clamp(19px, 8cqw, 28px);
  font-weight: 800;
  line-height: 1.05;
}

.memorial-archive .archive-card__content {
  padding-block-end: 0;
}
.memorial-archive .archive-card__view {
  margin-block-start: 0;
}

@media (max-width: 767px) {
  .memorial-archive .archive-card__media {
    height: auto;
    aspect-ratio: 320 / 219;
  }
}