/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --tracking-wide: 0.025em;
  --radius-2xl: 1rem;
  --blur-xl: 24px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --font-cairo: Cairo, sans-serif;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-\[72px\] {
  top: 72px;
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
.left-3 {
  left: calc(var(--spacing) * 3);
}
.left-\[-28px\] {
  left: -28px;
}
.z-10 {
  z-index: 10;
}
.z-30 {
  z-index: 30;
}
.m-0 {
  margin: calc(var(--spacing) * 0);
}
.mx-auto {
  margin-inline: auto;
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-full {
  height: 100%;
}
.min-h-\[70vh\] {
  min-height: 70vh;
}
.min-h-\[210px\] {
  min-height: 210px;
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-full {
  width: 100%;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[660px\] {
  max-width: 660px;
}
.max-w-\[1180px\] {
  max-width: 1180px;
}
.flex-1 {
  flex: 1;
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rotate-\[-12deg\] {
  rotate: -12deg;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-\[\#6B0F1A\] {
  border-color: #6B0F1A;
}
.border-\[\#eadfd3\] {
  border-color: #eadfd3;
}
.border-white\/35 {
  border-color: color-mix(in srgb, #fff 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
  }
}
.bg-\[\#2B2B2B\] {
  background-color: #2B2B2B;
}
.bg-\[\#6B0F1A\] {
  background-color: #6B0F1A;
}
.bg-\[\#F8F1E7\] {
  background-color: #F8F1E7;
}
.bg-\[\#FFF9F1\] {
  background-color: #FFF9F1;
}
.bg-\[\#f4efe9\] {
  background-color: #f4efe9;
}
.bg-\[\#fffdf9\]\/95 {
  background-color: color-mix(in oklab, #fffdf9 95%, transparent);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/10 {
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.bg-white\/65 {
  background-color: color-mix(in srgb, #fff 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 65%, transparent);
  }
}
.bg-white\/95 {
  background-color: color-mix(in srgb, #fff 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
  }
}
.object-cover {
  object-fit: cover;
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-7 {
  padding-block: calc(var(--spacing) * 7);
}
.py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pr-11 {
  padding-right: calc(var(--spacing) * 11);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-14 {
  padding-bottom: calc(var(--spacing) * 14);
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.text-center {
  text-align: center;
}
.font-cairo {
  font-family: var(--font-cairo);
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[170px\] {
  font-size: 170px;
}
.leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
.leading-\[1\.25\] {
  --tw-leading: 1.25;
  line-height: 1.25;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.tracking-\[\.18em\] {
  --tw-tracking: .18em;
  letter-spacing: .18em;
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.text-\[\#2B2B2B\] {
  color: #2B2B2B;
}
.text-\[\#5b4d45\] {
  color: #5b4d45;
}
.text-\[\#6B0F1A\] {
  color: #6B0F1A;
}
.text-\[\#8a776c\] {
  color: #8a776c;
}
.text-\[\#8c7d72\] {
  color: #8c7d72;
}
.text-\[\#b2a59c\] {
  color: #b2a59c;
}
.text-\[\#f3d67a\] {
  color: #f3d67a;
}
.text-\[\#f8eade\] {
  color: #f8eade;
}
.text-inherit {
  color: inherit;
}
.text-white {
  color: var(--color-white);
}
.no-underline {
  text-decoration-line: none;
}
.opacity-20 {
  opacity: 20%;
}
.opacity-\[\.07\] {
  opacity: .07;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_10px_30px_rgba\(79\,9\,18\,\.06\)\] {
  --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(79,9,18,.06));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_10px_35px_rgba\(79\,9\,18\,\.06\)\] {
  --tw-shadow: 0 10px 35px var(--tw-shadow-color, rgba(79,9,18,.06));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(var(--blur-xl));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.group-hover\:scale-\[1\.035\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.035;
    }
  }
}
.group-hover\:bg-\[\#6B0F1A\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: #6B0F1A;
    }
  }
}
.group-hover\:text-white {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.focus\:border-\[\#6B0F1A\] {
  &:focus {
    border-color: #6B0F1A;
  }
}
.sm\:top-\[84px\] {
  @media (width >= 40rem) {
    top: 84px;
  }
}
.sm\:mb-6 {
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.sm\:min-h-\[280px\] {
  @media (width >= 40rem) {
    min-height: 280px;
  }
}
.sm\:gap-4 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.sm\:gap-5 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 5);
  }
}
.sm\:rounded-\[32px\] {
  @media (width >= 40rem) {
    border-radius: 32px;
  }
}
.sm\:p-4 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 4);
  }
}
.sm\:p-5 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.sm\:px-4 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.sm\:px-5 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 5);
  }
}
.sm\:px-10 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
}
.sm\:py-10 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 10);
  }
}
.sm\:pt-5 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 5);
  }
}
.sm\:pt-7 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 7);
  }
}
.sm\:pb-20 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
}
.sm\:text-xs {
  @media (width >= 40rem) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
.sm\:text-\[17px\] {
  @media (width >= 40rem) {
    font-size: 17px;
  }
}
.sm\:text-\[20px\] {
  @media (width >= 40rem) {
    font-size: 20px;
  }
}
.sm\:text-\[32px\] {
  @media (width >= 40rem) {
    font-size: 32px;
  }
}
.sm\:text-\[48px\] {
  @media (width >= 40rem) {
    font-size: 48px;
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:pb-0 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 0);
  }
}
.xl\:grid-cols-4 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}