/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-body), ui-sans-serif, system-ui, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --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);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -0.025em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-xl: 24px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: var(--font-editorial), ui-serif, Georgia, serif;
    --ease-drift: cubic-bezier(0.22, 1, 0.36, 1);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-5 {
    inset: calc(var(--spacing) * 5);
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .-top-\[8\%\] {
    top: calc(8% * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-\[4\.5rem\] {
    top: 4.5rem;
  }
  .top-auto {
    top: auto;
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-9 {
    right: calc(var(--spacing) * 9);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .-left-\[10000px\] {
    left: calc(10000px * -1);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[49\] {
    z-index: 49;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .-ml-px {
    margin-left: -1px;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[1\.07\] {
    aspect-ratio: 1.07;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-\[15px\] {
    width: 15px;
    height: 15px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-\[4\.5rem\] {
    height: 4.5rem;
  }
  .h-\[84svh\] {
    height: 84svh;
  }
  .h-\[118\%\] {
    height: 118%;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-\[24rem\] {
    min-height: 24rem;
  }
  .min-h-\[26rem\] {
    min-height: 26rem;
  }
  .min-h-\[42rem\] {
    min-height: 42rem;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .max-w-\[15rem\] {
    max-width: 15rem;
  }
  .max-w-\[35rem\] {
    max-width: 35rem;
  }
  .max-w-\[1320px\] {
    max-width: 1320px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .origin-left {
    transform-origin: 0;
  }
  .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .resize {
    resize: both;
  }
  .resize-y {
    resize: vertical;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2.75rem 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;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[\#e8d2a4\]\/50 {
    border-color: color-mix(in oklab, #e8d2a4 50%, transparent);
  }
  .border-\[\#f6f1e8\]\/25 {
    border-color: color-mix(in oklab, #f6f1e8 25%, transparent);
  }
  .border-gold {
    border-color: var(--gold);
  }
  .border-gold\/40 {
    border-color: var(--gold);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--gold) 40%, transparent);
    }
  }
  .border-gold\/70 {
    border-color: var(--gold);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--gold) 70%, transparent);
    }
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-line {
    border-color: var(--line);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/25 {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-\[\#101916\] {
    background-color: #101916;
  }
  .bg-\[\#121714\] {
    background-color: #121714;
  }
  .bg-\[\#c7a464\] {
    background-color: #c7a464;
  }
  .bg-\[\#d5bd8b\] {
    background-color: #d5bd8b;
  }
  .bg-\[\#e4c88e\] {
    background-color: #e4c88e;
  }
  .bg-\[\#e4c88e\]\/80 {
    background-color: color-mix(in oklab, #e4c88e 80%, transparent);
  }
  .bg-\[\#e8d2a4\] {
    background-color: #e8d2a4;
  }
  .bg-\[\#e8d2a4\]\/55 {
    background-color: color-mix(in oklab, #e8d2a4 55%, transparent);
  }
  .bg-\[\#e8d2a4\]\/60 {
    background-color: color-mix(in oklab, #e8d2a4 60%, transparent);
  }
  .bg-\[\#e8d2a4\]\/70 {
    background-color: color-mix(in oklab, #e8d2a4 70%, transparent);
  }
  .bg-\[\#f6f1e8\]\/20 {
    background-color: color-mix(in oklab, #f6f1e8 20%, transparent);
  }
  .bg-\[color-mix\(in_srgb\,var\(--fg\)_3\.5\%\,var\(--canvas\)\)\] {
    background-color: var(--fg);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--fg) 3.5%,var(--canvas));
    }
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-canvas {
    background-color: var(--canvas);
  }
  .bg-canvas\/80 {
    background-color: var(--canvas);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--canvas) 80%, transparent);
    }
  }
  .bg-gold {
    background-color: var(--gold);
  }
  .bg-gold\/35 {
    background-color: var(--gold);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--gold) 35%, transparent);
    }
  }
  .bg-gold\/80 {
    background-color: var(--gold);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--gold) 80%, transparent);
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/30 {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(90deg\,rgba\(16\,12\,8\,0\.34\)_0\%\,rgba\(16\,12\,8\,0\.08\)_26\%\,transparent_52\%\)\] {
    background-image: linear-gradient(90deg,rgba(16,12,8,0.34) 0%,rgba(16,12,8,0.08) 26%,transparent 52%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(8\,6\,4\,0\.18\)_0\%\,transparent_36\%\,rgba\(8\,6\,4\,0\.54\)_100\%\)\] {
    background-image: linear-gradient(180deg,rgba(8,6,4,0.18) 0%,transparent 36%,rgba(8,6,4,0.54) 100%);
  }
  .bg-\[linear-gradient\(to_bottom\,rgba\(8\,5\,3\,0\.72\)_0\%\,rgba\(8\,5\,3\,0\.28\)_12\%\,transparent_28\%\)\] {
    background-image: linear-gradient(to bottom,rgba(8,5,3,0.72) 0%,rgba(8,5,3,0.28) 12%,transparent 28%);
  }
  .bg-\[linear-gradient\(to_bottom\,rgba\(16\,12\,8\,0\.28\)_0\%\,transparent_16\%\)\] {
    background-image: linear-gradient(to bottom,rgba(16,12,8,0.28) 0%,transparent 16%);
  }
  .bg-\[linear-gradient\(to_right\,rgba\(8\,5\,3\,0\.5\)_0\%\,rgba\(8\,5\,3\,0\.16\)_36\%\,transparent_62\%\)\] {
    background-image: linear-gradient(to right,rgba(8,5,3,0.5) 0%,rgba(8,5,3,0.16) 36%,transparent 62%);
  }
  .bg-\[linear-gradient\(to_top\,rgba\(8\,5\,3\,0\.9\)_0\%\,rgba\(8\,5\,3\,0\.62\)_16\%\,rgba\(8\,5\,3\,0\.22\)_40\%\,transparent_62\%\)\] {
    background-image: linear-gradient(to top,rgba(8,5,3,0.9) 0%,rgba(8,5,3,0.62) 16%,rgba(8,5,3,0.22) 40%,transparent 62%);
  }
  .from-black\/45 {
    --tw-gradient-from: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black\/80 {
    --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-black\/30 {
    --tw-gradient-via: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-black\/10 {
    --tw-gradient-to: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .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-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .label-caps {
    font-size: 0.6875rem;
    line-height: 1;
    letter-spacing: 0.28em;
    text-transform: uppercase;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .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-\[0\.6rem\] {
    font-size: 0.6rem;
  }
  .text-\[0\.58rem\] {
    font-size: 0.58rem;
  }
  .text-\[0\.62rem\] {
    font-size: 0.62rem;
  }
  .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[1\.85rem\] {
    font-size: 1.85rem;
  }
  .text-\[3\.15rem\] {
    font-size: 3.15rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[clamp\(2\.4rem\,4\.4vw\,3\.6rem\)\] {
    font-size: clamp(2.4rem, 4.4vw, 3.6rem);
  }
  .text-\[clamp\(2\.4rem\,4\.6vw\,3\.8rem\)\] {
    font-size: clamp(2.4rem, 4.6vw, 3.8rem);
  }
  .text-\[clamp\(2\.5rem\,4\.7vw\,4rem\)\] {
    font-size: clamp(2.5rem, 4.7vw, 4rem);
  }
  .text-\[clamp\(2\.6rem\,4\.6vw\,4\.2rem\)\] {
    font-size: clamp(2.6rem, 4.6vw, 4.2rem);
  }
  .text-\[clamp\(2\.6rem\,5\.2vw\,4\.4rem\)\] {
    font-size: clamp(2.6rem, 5.2vw, 4.4rem);
  }
  .text-\[clamp\(2\.6rem\,5\.2vw\,4\.5rem\)\] {
    font-size: clamp(2.6rem, 5.2vw, 4.5rem);
  }
  .text-\[clamp\(2\.8rem\,5\.2vw\,5\.25rem\)\] {
    font-size: clamp(2.8rem, 5.2vw, 5.25rem);
  }
  .text-\[clamp\(2rem\,8vw\,3rem\)\] {
    font-size: clamp(2rem, 8vw, 3rem);
  }
  .text-\[clamp\(3\.4rem\,7\.2vw\,6\.2rem\)\] {
    font-size: clamp(3.4rem, 7.2vw, 6.2rem);
  }
  .text-\[clamp\(3\.5rem\,8vw\,7rem\)\] {
    font-size: clamp(3.5rem, 8vw, 7rem);
  }
  .text-\[clamp\(3\.6rem\,7vw\,7rem\)\] {
    font-size: clamp(3.6rem, 7vw, 7rem);
  }
  .text-\[clamp\(3rem\,6\.2vw\,6rem\)\] {
    font-size: clamp(3rem, 6.2vw, 6rem);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-\[0\.8\] {
    --tw-leading: 0.8;
    line-height: 0.8;
  }
  .leading-\[0\.88\] {
    --tw-leading: 0.88;
    line-height: 0.88;
  }
  .leading-\[0\.92\] {
    --tw-leading: 0.92;
    line-height: 0.92;
  }
  .leading-\[0\.94\] {
    --tw-leading: 0.94;
    line-height: 0.94;
  }
  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[1\.85\] {
    --tw-leading: 1.85;
    line-height: 1.85;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking: -0.04em;
    letter-spacing: -0.04em;
  }
  .tracking-\[-0\.035em\] {
    --tw-tracking: -0.035em;
    letter-spacing: -0.035em;
  }
  .tracking-\[-0\.045em\] {
    --tw-tracking: -0.045em;
    letter-spacing: -0.045em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.15em\] {
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.24em\] {
    --tw-tracking: 0.24em;
    letter-spacing: 0.24em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-\[\#14110e\] {
    color: #14110e;
  }
  .text-\[\#c7a464\] {
    color: #c7a464;
  }
  .text-\[\#e8d2a4\] {
    color: #e8d2a4;
  }
  .text-\[\#e8d2a4\]\/70 {
    color: color-mix(in oklab, #e8d2a4 70%, transparent);
  }
  .text-\[\#f4efe6\] {
    color: #f4efe6;
  }
  .text-\[\#f4efe6\]\/65 {
    color: color-mix(in oklab, #f4efe6 65%, transparent);
  }
  .text-\[\#f6f1e8\] {
    color: #f6f1e8;
  }
  .text-\[\#f6f1e8\]\/35 {
    color: color-mix(in oklab, #f6f1e8 35%, transparent);
  }
  .text-\[\#f6f1e8\]\/60 {
    color: color-mix(in oklab, #f6f1e8 60%, transparent);
  }
  .text-\[\#f6f1e8\]\/70 {
    color: color-mix(in oklab, #f6f1e8 70%, transparent);
  }
  .text-\[\#f6f1e8\]\/75 {
    color: color-mix(in oklab, #f6f1e8 75%, transparent);
  }
  .text-\[\#f6f1e8\]\/80 {
    color: color-mix(in oklab, #f6f1e8 80%, transparent);
  }
  .text-\[\#f6f1e8\]\/85 {
    color: color-mix(in oklab, #f6f1e8 85%, transparent);
  }
  .text-\[\#f6f1e8\]\/88 {
    color: color-mix(in oklab, #f6f1e8 88%, transparent);
  }
  .text-faint {
    color: var(--faint);
  }
  .text-fg {
    color: var(--fg);
  }
  .text-fg\/85 {
    color: var(--fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--fg) 85%, transparent);
    }
  }
  .text-fg\/90 {
    color: var(--fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--fg) 90%, transparent);
    }
  }
  .text-gold {
    color: var(--gold);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-950 {
    color: var(--color-gray-950);
  }
  .text-muted {
    color: var(--muted);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-line {
    text-decoration-color: var(--line);
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .shadow-sm {
    --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);
  }
  .ring-gray-300 {
    --tw-ring-color: var(--color-gray-300);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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, 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-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    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-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-\[1\.4s\] {
    --tw-duration: 1.4s;
    transition-duration: 1.4s;
  }
  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(0.22,1,0.36,1);
    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\[text-shadow\:0_8px_28px_rgba\(0\,0\,0\,0\.3\)\] {
    text-shadow: 0 8px 28px rgba(0,0,0,0.3);
  }
  .\[text-shadow\:0_10px_28px_rgba\(0\,0\,0\,0\.55\)\] {
    text-shadow: 0 10px 28px rgba(0,0,0,0.55);
  }
  .\[text-shadow\:0_14px_40px_rgba\(0\,0\,0\,0\.45\)\] {
    text-shadow: 0 14px 40px rgba(0,0,0,0.45);
  }
  @media (hover: hover) {
    .group-hover\:scale-\[1\.06\]:is(:where(.group):hover *) {
      scale: 1.06;
    }
  }
  .first\:pt-2:first-child {
    padding-top: calc(var(--spacing) * 2);
  }
  .last\:pb-0:last-child {
    padding-bottom: 0px;
  }
  @media (hover: hover) {
    .hover\:scale-\[1\.05\]:hover {
      scale: 1.05;
    }
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
    .hover\:text-\[\#e8d2a4\]:hover {
      color: #e8d2a4;
    }
    .hover\:text-gold:hover {
      color: var(--gold);
    }
    .hover\:text-gray-400:hover {
      color: var(--color-gray-400);
    }
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }
  }
  .focus\:border-blue-300:focus {
    border-color: var(--color-blue-300);
  }
  .focus\:ring:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:bg-gray-100:active {
    background-color: var(--color-gray-100);
  }
  .active\:text-gray-500:active {
    color: var(--color-gray-500);
  }
  .active\:text-gray-700:active {
    color: var(--color-gray-700);
  }
  .active\:text-gray-800:active {
    color: var(--color-gray-800);
  }
  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  @media (width >= 40rem) {
    .sm\:inset-7 {
      inset: calc(var(--spacing) * 7);
    }
    .sm\:right-8 {
      right: calc(var(--spacing) * 8);
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:aspect-\[1\.18\] {
      aspect-ratio: 1.18;
    }
    .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[3\.25rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 3.25rem minmax(0,1fr);
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .sm\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .sm\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .sm\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }
    .sm\:text-right {
      text-align: right;
    }
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .sm\:text-\[1\.7rem\] {
      font-size: 1.7rem;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }
    .lg\:right-12 {
      right: calc(var(--spacing) * 12);
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:aspect-\[1\.04\] {
      aspect-ratio: 1.04;
    }
    .lg\:min-h-\[44rem\] {
      min-height: 44rem;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
      grid-template-columns: 0.9fr 1.1fr;
    }
    .lg\:grid-cols-\[0\.82fr_1\.18fr\] {
      grid-template-columns: 0.82fr 1.18fr;
    }
    .lg\:grid-cols-\[1\.1fr_0\.9fr\] {
      grid-template-columns: 1.1fr 0.9fr;
    }
    .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
      grid-template-columns: 1.15fr 0.85fr;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_22\.5rem\] {
      grid-template-columns: minmax(0,1fr) 22.5rem;
    }
    .lg\:grid-cols-\[minmax\(12rem\,0\.82fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(12rem,0.82fr) minmax(0,1.2fr);
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:items-end {
      align-items: flex-end;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .lg\:justify-self-end {
      justify-self: flex-end;
    }
    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    .lg\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }
    .lg\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .lg\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }
    .lg\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
    .lg\:py-36 {
      padding-block: calc(var(--spacing) * 36);
    }
    .lg\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }
    .lg\:pb-1 {
      padding-bottom: var(--spacing);
    }
    .lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .lg\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }
    .lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  @media (width >= 80rem) {
    .xl\:inline-flex {
      display: inline-flex;
    }
  }
  .rtl\:flex-row-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }
  @media (prefers-color-scheme: dark) {
    :where(.dark\:divide-white\/10 > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .dark\:border-gray-600 {
      border-color: var(--color-gray-600);
    }
    .dark\:border-white\/10 {
      border-color: color-mix(in srgb, #fff 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .dark\:border-white\/20 {
      border-color: color-mix(in srgb, #fff 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/20 {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
    .dark\:bg-gray-700 {
      background-color: var(--color-gray-700);
    }
    .dark\:bg-gray-800 {
      background-color: var(--color-gray-800);
    }
    .dark\:bg-white\/10 {
      background-color: color-mix(in srgb, #fff 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/10 {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .dark\:text-gray-200 {
      color: var(--color-gray-200);
    }
    .dark\:text-gray-300 {
      color: var(--color-gray-300);
    }
    .dark\:text-gray-400 {
      color: var(--color-gray-400);
    }
    .dark\:text-gray-600 {
      color: var(--color-gray-600);
    }
    .dark\:text-white {
      color: var(--color-white);
    }
    @media (hover: hover) {
      .dark\:hover\:bg-gray-900:hover {
        background-color: var(--color-gray-900);
      }
      .dark\:hover\:text-gray-200:hover {
        color: var(--color-gray-200);
      }
      .dark\:hover\:text-gray-300:hover {
        color: var(--color-gray-300);
      }
    }
    .dark\:focus\:border-blue-700:focus {
      border-color: var(--color-blue-700);
    }
    .dark\:focus\:border-blue-800:focus {
      border-color: var(--color-blue-800);
    }
    .dark\:active\:bg-gray-700:active {
      background-color: var(--color-gray-700);
    }
    .dark\:active\:text-gray-300:active {
      color: var(--color-gray-300);
    }
  }
}
@font-face {
  font-family: "Bodoni Moda";
  src: url("/fonts/bodoni-moda-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Moda";
  src: url("/fonts/bodoni-moda-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
}
:root {
  --font-editorial: "Bodoni Moda";
  --font-body: "Manrope";
  --canvas: #f3eee4;
  --canvas-deep: #e7dfd0;
  --fg: #14110e;
  --muted: rgba(20, 17, 14, 0.78);
  --faint: rgba(20, 17, 14, 0.56);
  --line: rgba(20, 17, 14, 0.14);
  --gold: #6b4a28;
  --teal: #2a6e74;
  --glow-gold: rgba(176, 132, 68, 0.34);
  --glow-teal: rgba(42, 110, 116, 0.16);
  --vignette: rgba(92, 68, 36, 0.16);
  --grain: 0.11;
  --switch-index: 1;
  color-scheme: light;
}
[data-theme="dark"] {
  --canvas: #0a0b0b;
  --canvas-deep: #050606;
  --fg: #efe7d7;
  --muted: rgba(239, 231, 215, 0.66);
  --faint: rgba(239, 231, 215, 0.42);
  --line: rgba(239, 231, 215, 0.12);
  --gold: #c7a464;
  --teal: #37898f;
  --glow-gold: rgba(199, 164, 100, 0.16);
  --glow-teal: rgba(55, 137, 143, 0.14);
  --vignette: rgba(0, 0, 0, 0.62);
  --grain: 0.16;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #0a0b0b;
    --canvas-deep: #050606;
    --fg: #efe7d7;
    --muted: rgba(239, 231, 215, 0.66);
    --faint: rgba(239, 231, 215, 0.42);
    --line: rgba(239, 231, 215, 0.12);
    --gold: #c7a464;
    --teal: #37898f;
    --glow-gold: rgba(199, 164, 100, 0.16);
    --glow-teal: rgba(55, 137, 143, 0.14);
    --vignette: rgba(0, 0, 0, 0.62);
    --grain: 0.16;
    color-scheme: dark;
  }
}
html[data-theme-choice="light"] {
  --switch-index: 0;
}
html[data-theme-choice="system"] {
  --switch-index: 1;
}
html[data-theme-choice="dark"] {
  --switch-index: 2;
}
@layer base {
  html {
    scroll-behavior: auto;
  }
  body {
    background-color: var(--canvas);
    color: var(--fg);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  ::selection {
    background-color: var(--gold);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--gold) 34%, transparent);
    }
    color: var(--fg);
  }
  :focus-visible {
    outline: 1px solid var(--gold);
    outline-offset: 3px;
  }
  :where(#journeys, #island-route, #collection, #philosophy, #consultation, #available, #itinerary, #compose, #enquire, #stays) {
    scroll-margin-top: 5.5rem;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
  }
}
@keyframes hero-progress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.hero-slide {
  will-change: opacity;
}
.hero-frame {
  z-index: 4;
  pointer-events: none;
}
.hero-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(246, 241, 232, 0.09);
  margin: 1.1rem;
  opacity: 0.75;
}
.hero-lower-scrim {
  background: linear-gradient(
    to top,
    rgba(8, 6, 4, 0.84) 0%,
    rgba(8, 6, 4, 0.62) 20%,
    rgba(8, 6, 4, 0.4) 40%,
    rgba(8, 6, 4, 0.22) 58%,
    rgba(8, 6, 4, 0.08) 74%,
    transparent 86%
  );
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide {
    transition: none;
  }
  .hero-progress {
    transform: scaleX(1) !important;
  }
}
.theme-switch {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1.75rem);
  padding: 3px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--canvas);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--canvas) 72%, transparent);
  }
  color: var(--fg);
  backdrop-filter: blur(16px);
}
.theme-switch::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 1.75rem;
  height: calc(100% - 6px);
  border-radius: 999px;
  background: var(--gold);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--gold) 24%, transparent);
  }
  transform: translateX(calc(var(--switch-index) * 100%));
  transition: transform 0.55s var(--ease-drift);
}
.theme-switch button {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  color: var(--faint);
  transition: color 0.35s ease;
}
.theme-switch button:hover {
  color: var(--fg);
}
html[data-theme-choice="light"] .theme-switch [data-choice="light"],
html[data-theme-choice="system"] .theme-switch [data-choice="system"],
html[data-theme-choice="dark"] .theme-switch [data-choice="dark"] {
  color: var(--gold);
}
.theme-switch-overlay {
  border-color: color-mix(in srgb, #f4efe6 28%, transparent);
  background: rgba(8, 8, 8, 0.28);
  color: #f4efe6;
}
.theme-switch-overlay::before {
  background: rgba(244, 239, 230, 0.16);
}
.theme-switch-overlay button {
  color: rgba(244, 239, 230, 0.55);
}
.theme-switch-overlay button:hover {
  color: #f4efe6;
}
html[data-theme-choice="light"] .theme-switch-overlay [data-choice="light"],
html[data-theme-choice="system"] .theme-switch-overlay [data-choice="system"],
html[data-theme-choice="dark"] .theme-switch-overlay [data-choice="dark"] {
  color: #e8d2a4;
}
.ambient-base {
  background: radial-gradient(120% 90% at 18% 8%, #f8f4ec 0%, var(--canvas) 48%, var(--canvas-deep) 100%);
}
[data-theme="dark"] .ambient-base {
  background: radial-gradient(120% 90% at 18% 8%, #14181a 0%, #0a0b0b 46%, #050606 100%);
}
.ambient-orb-gold {
  background: radial-gradient(circle, var(--glow-gold), transparent 66%);
}
.ambient-orb-teal {
  background: radial-gradient(circle, var(--glow-teal), transparent 68%);
}
.ambient-floor {
  background: linear-gradient(to top, var(--gold), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(to top, color-mix(in srgb, var(--gold) 16%, transparent), transparent);
  }
}
.ambient-vignette {
  background: radial-gradient(130% 100% at 50% 50%, transparent 42%, var(--vignette) 100%);
}
.emblem-shadow {
  filter: drop-shadow(0 18px 28px rgba(50, 36, 18, 0.18));
}
.brand-loader {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  overflow: hidden;
  background: #0d1512;
  color: #f4efe6;
  isolation: isolate;
  animation: loader-disappear 0.55s 1.48s both cubic-bezier(0.76, 0, 0.24, 1);
  pointer-events: none;
}
.site-loader-seen .brand-loader {
  display: none;
}
.brand-loader::before,
.brand-loader::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset-inline: 0;
  height: 50.1%;
  background: radial-gradient(90% 120% at 50% 50%, #17221c 0%, #0d1512 72%);
  will-change: transform;
}
.brand-loader::before {
  top: 0;
  border-bottom: 1px solid rgba(199, 164, 100, 0.24);
  animation: loader-part-top 0.95s 1.02s both cubic-bezier(0.76, 0, 0.24, 1);
}
.brand-loader::after {
  bottom: 0;
  border-top: 1px solid rgba(199, 164, 100, 0.24);
  animation: loader-part-bottom 0.95s 1.02s both cubic-bezier(0.76, 0, 0.24, 1);
}
.brand-loader-seal {
  position: relative;
  display: grid;
  width: 7.2rem;
  aspect-ratio: 1;
  place-items: center;
  animation: loader-mark-arrive 0.85s 0.15s both cubic-bezier(0.22, 1, 0.36, 1);
}
.brand-loader-orbit {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(210, 181, 121, 0.27);
  border-radius: 50%;
}
.brand-loader-orbit-outer {
  border-top-color: #d5b979;
  border-bottom-color: rgba(210, 181, 121, 0.08);
  animation: loader-orbit 4s linear infinite;
}
.brand-loader-orbit-inner {
  inset: 0.45rem;
  border-style: dashed;
  border-color: rgba(210, 181, 121, 0.2);
  animation: loader-orbit 18s linear infinite reverse;
}
.brand-loader-emblem {
  width: 11.4075rem;
  height: auto;
  filter: drop-shadow(0 0 20px rgba(210, 181, 121, 0.22));
}
.brand-loader-name {
  margin-top: 1.5rem;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: 1.55rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  animation: loader-copy-arrive 0.75s 0.38s both cubic-bezier(0.22, 1, 0.36, 1);
}
.brand-loader-caption,
.brand-loader-coordinate {
  font-size: 0.56rem;
  font-weight: 400;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(244, 239, 230, 0.5);
  animation: loader-copy-arrive 0.75s 0.5s both cubic-bezier(0.22, 1, 0.36, 1);
}
.brand-loader-caption {
  margin-top: 0.6rem;
}
.brand-loader-progress {
  width: 8rem;
  height: 1px;
  margin-top: 2rem;
  overflow: hidden;
  background: rgba(244, 239, 230, 0.14);
}
.brand-loader-progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: #d5b979;
  animation: loader-progress 1.25s 0.28s both cubic-bezier(0.22, 1, 0.36, 1);
}
.brand-loader-coordinate {
  position: absolute;
  right: max(1.5rem, calc((100vw - 1400px) / 2));
  bottom: 2rem;
  font-size: 0.5rem;
  letter-spacing: 0.22em;
  animation-delay: 0.68s;
}
.island-route-map {
  display: block;
  height: auto;
}
@keyframes loader-part-top {
  to {
    transform: translateY(-102%);
  }
}
@keyframes loader-part-bottom {
  to {
    transform: translateY(102%);
  }
}
@keyframes loader-disappear {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes loader-mark-arrive {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.86);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes loader-copy-arrive {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loader-progress {
  to {
    transform: scaleX(1);
  }
}
@keyframes loader-orbit {
  to {
    transform: rotate(360deg);
  }
}
[data-theme="dark"] .emblem-shadow {
  filter: drop-shadow(0 28px 60px rgba(0, 0, 0, 0.55));
}
.btn-gold {
  position: relative;
  overflow: hidden;
  align-items: center;
  gap: 0.75rem;
  background: #c6a36b;
  color: #1b140c;
  padding: 0.9rem 1.25rem;
  font-size: 0.68rem;
  line-height: 1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  transition: background-color 0.45s var(--ease-drift), transform 0.45s var(--ease-drift);
}
.btn-gold::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(108deg, transparent 20%, rgba(255, 255, 255, 0.26) 48%, transparent 72%);
  transform: translateX(-120%);
  transition: transform 0.9s var(--ease-drift);
}
.btn-gold:hover {
  background: #d4b57e;
  transform: translateY(-2px);
}
.btn-gold:hover::after {
  transform: translateX(120%);
}
.journey-image::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 1px solid rgba(246, 241, 232, 0.23);
  margin: 0.65rem;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.985);
  transition: opacity 0.7s var(--ease-drift), transform 0.9s var(--ease-drift);
}
.journey-image:hover::before,
.group:hover .journey-image::before {
  opacity: 1;
  transform: scale(1);
}
.btn-ghost {
  align-items: center;
  gap: 0.7rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, currentColor 45%, transparent);
  }
  padding: 0.8rem 1.15rem;
  font-size: 0.68rem;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  transition: background-color 0.45s var(--ease-drift), border-color 0.45s var(--ease-drift);
}
.btn-ghost:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, currentColor 8%, transparent);
  }
}
.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 80;
  background: var(--canvas);
  color: var(--fg);
  padding: 0.7rem 1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.68rem;
}
.skip-link:focus {
  top: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .brand-loader {
    animation-duration: 0.15s;
    animation-delay: 0.15s;
  }
  .brand-loader::before,
  .brand-loader::after,
  .brand-loader-seal,
  .brand-loader-orbit,
  .brand-loader-name,
  .brand-loader-caption,
  .brand-loader-coordinate,
  .brand-loader-progress span {
    animation-duration: 0.15s;
    animation-delay: 0s;
  }
  .brand-loader-orbit {
    animation-name: none;
  }
  .brand-loader::before,
  .brand-loader::after {
    animation-name: none;
    transform: translateY(-102%);
  }
  .brand-loader::after {
    transform: translateY(102%);
  }
  .theme-switch::before,
  .btn-gold,
  .btn-ghost,
  .btn-gold::after,
  .journey-image::before {
    transition: none;
  }
}
@view-transition {
  navigation: auto;
}
.site-transition-arriving > main {
  animation: site-page-arrive 650ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes site-page-arrive {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
::view-transition {
  pointer-events: none;
}
::view-transition-group(site-header) {
  animation: none;
  z-index: 100;
}
::view-transition-old(site-header) {
  display: none;
}
::view-transition-new(site-header) {
  animation: none;
}
::view-transition-group(.morph) {
  animation-duration: 0.95s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 10;
}
::view-transition-image-pair(.morph) {
  animation-duration: 0.95s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
::view-transition-old(.morph),
::view-transition-new(.morph) {
  height: 100%;
  overflow: clip;
  object-fit: cover;
}
::view-transition-old(.journey-forward) {
  animation: 0.45s cubic-bezier(0.4, 0, 1, 1) both journey-leave;
}
::view-transition-new(.journey-forward) {
  animation: 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both journey-arrive;
}
::view-transition-old(.journey-back) {
  animation: 0.4s cubic-bezier(0.4, 0, 1, 1) both journey-leave;
}
::view-transition-new(.journey-back) {
  animation: 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both journey-arrive-back;
}
@keyframes journey-leave {
  to {
    opacity: 0;
  }
}
@keyframes journey-arrive {
  from {
    opacity: 0;
    translate: 0 28px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes journey-arrive-back {
  from {
    opacity: 0;
    translate: 0 -18px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(*),
  ::view-transition-new(*),
  ::view-transition-group(*) {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
  }
}
[data-theme="light"] .font-display {
  font-weight: 500;
}
[data-theme="light"] .font-light:not(.font-display) {
  font-weight: 400;
}
:root {
  --gold: #806136;
  --faint: rgba(20,17,14,.64);
}
[data-theme="dark"] {
  --canvas: #0c1411;
  --canvas-deep: #09100d;
  --gold: #d2b77e;
  --muted: rgba(244,239,228,.76);
  --faint: rgba(244,239,228,.59);
}
body {
  font-weight: 400;
}
.font-display {
  font-optical-sizing: auto;
  font-weight: 400;
}
.font-light:not(.font-display) {
  font-weight: 400;
}
h1, h2, h3 {
  text-wrap: balance;
}
button, a, input, select, summary {
  -webkit-tap-highlight-color: transparent;
}
button, summary {
  cursor: pointer;
}
#compose select {
  background-color: var(--canvas);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--canvas) 78%, var(--fg));
  }
  color: var(--fg);
}
#compose select option {
  background-color: var(--canvas);
  color: var(--fg);
}
.page-gutter {
  padding-inline: clamp(1.25rem, 5vw, 5rem);
}
.editorial-container {
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
}
.eyebrow {
  color: var(--gold);
  font-size: .62rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: .24em;
  text-transform: uppercase;
}
.whatsapp-button {
  position: fixed;
  right: calc(1.25rem + env(safe-area-inset-right));
  bottom: calc(1.25rem + env(safe-area-inset-bottom));
  z-index: 45;
  display: grid;
  width: 3.75rem;
  height: 3.75rem;
  place-items: center;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 8px 28px #0004;
  transition: transform .2s ease, box-shadow .2s ease;
}
.whatsapp-button svg {
  width: 2rem;
  height: 2rem;
}
.whatsapp-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px #0005;
}
.whatsapp-button:active {
  transform: translateY(0);
}
.editorial-title {
  font-family: var(--font-editorial), Georgia, serif;
  font-size: clamp(2.65rem, 4.8vw, 5.25rem);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.045em;
}
.editorial-title em {
  color: var(--gold);
  font-weight: inherit;
}
.editorial-copy {
  max-width: 32rem;
  font-size: .94rem;
  line-height: 1.95;
  color: var(--muted);
}
.round-link {
  flex-shrink: 0;
  display: grid;
  width: 4.25rem;
  height: 4.25rem;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--gold);
  font-size: 1.8rem;
  transition: background .5s, color .5s, transform .5s var(--ease-drift);
}
.round-link:hover {
  transform: rotate(45deg);
  background: var(--gold);
  color: var(--canvas);
}
.btn-gold {
  padding: 1.2rem 1.6rem;
  min-height: 3.2rem;
  font-size: .64rem;
  letter-spacing: .17em;
  background: #d5bd8b;
  gap: 1.5rem;
}
.btn-gold > span[aria-hidden] {
  font-size: 1.2rem;
}
.btn-ghost {
  padding: .95rem 1.2rem;
  font-size: .62rem;
  letter-spacing: .15em;
}
.site-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #d5bd8b;
  transform-origin: left;
  pointer-events: none;
}
.brand-name {
  display: block;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: 1.5rem;
  line-height: 1.1;
  letter-spacing: -.045em;
  white-space: nowrap;
}
.brand-name > span {
  display: block;
  font-family: var(--font-body), sans-serif;
  font-size: .47rem;
  font-weight: 500;
  letter-spacing: .23em;
  text-transform: uppercase;
  margin-top: .4rem;
}
.premium-hero {
  height: min(94svh, 70rem);
  min-height: 46rem;
}
.hero-editorial-copy {
  max-width: 60rem;
  min-width: 0;
}
.hero-editorial-title {
  margin-top: 1.8rem;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: clamp(3.65rem, 7.3vw, 7.8rem);
  font-weight: 400;
  line-height: 1.03;
  letter-spacing: -.055em;
  text-shadow: 0 5px 30px #0003;
}
.hero-description {
  max-width: 32rem;
  margin-top: 1.7rem;
  font-size: .92rem;
  line-height: 1.8;
  color: #f6f1e8d4;
}
.hero-destinations {
  flex: 0 0 15rem;
  padding: 1.2rem 0 0 1.8rem;
  border-left: 1px solid #fff3;
}
.hero-thumbnails {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: .45rem;
  margin-bottom: 1.3rem;
}
.hero-thumbnails button {
  position: relative;
  aspect-ratio: 1;
  opacity: .48;
  overflow: hidden;
  border: 1px solid transparent;
  transition: opacity .4s, transform .6s;
}
.hero-thumbnails button.is-active {
  border-color: #e8d2a4;
  opacity: 1;
  transform: translateY(-5px);
}
.hero-thumbnails button:hover {
  opacity: 1;
}
.hero-thumbnails button span {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  background: #0004;
  color: white;
  font-size: .65rem;
}
.signature-strip {
  display: flex;
  justify-content: center;
  gap: clamp(1.5rem, 6vw, 8rem);
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 1.7rem 1.25rem;
  background: var(--canvas);
}
.signature-strip span {
  font-size: .6rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
}
.signature-strip span + span::before {
  content: '✦';
  color: var(--gold);
  padding-right: clamp(1.5rem, 6vw, 8rem);
}
.experience-section {
  padding-block: 1rem 8rem;
}
.experience-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 4rem;
  margin-bottom: 4rem;
}
.experience-heading .editorial-title {
  margin-top: 1.3rem;
}
.experience-heading > p {
  max-width: 21rem;
}
.experience-layout {
  display: grid;
  grid-template-columns: .75fr 1.6fr;
  gap: clamp(2rem, 5vw, 5rem);
}
.experience-menu {
  padding-top: 2rem;
}
.experience-choice {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 1.65rem 0;
  border-bottom: 1px solid var(--line);
  gap: 1.1rem;
  color: var(--muted);
  transition: color .4s;
}
.experience-choice > span:nth-child(2) {
  font-family: var(--font-editorial), Georgia, serif;
  font-size: clamp(1.25rem, 2.2vw, 1.9rem);
  letter-spacing: -.035em;
}
.experience-index {
  font-size: .58rem;
  color: var(--faint);
}
.experience-choice-arrow {
  margin-left: auto;
  opacity: 0;
  transform: translate(-6px,6px);
  transition: opacity .4s, transform .5s;
}
.experience-choice.is-active {
  color: var(--gold);
  border-bottom-color: var(--gold);
}
.experience-choice:hover .experience-choice-arrow, .experience-choice.is-active .experience-choice-arrow {
  opacity: 1;
  transform: none;
}
.experience-menu-note {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  margin-top: 4rem;
  color: var(--faint);
  font-size: .73rem;
  line-height: 1.8;
}
.compass-mark {
  font-size: 3rem;
  font-weight: 300;
  color: var(--gold);
}
.experience-photo {
  position: relative;
  aspect-ratio: 1.28;
  overflow: hidden;
}
.experience-photo-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,#07120b80,transparent 50%);
  pointer-events: none;
}
.experience-photo-label {
  position: absolute;
  bottom: 1.8rem;
  left: 2rem;
  color: #fff;
  font-size: .62rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.experience-photo-number {
  position: absolute;
  top: 1rem;
  right: 1.6rem;
  color: #fff9;
  font-family: var(--font-editorial),serif;
  font-size: 4rem;
  font-style: italic;
}
.experience-caption {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  padding-block: 2rem;
  border-bottom: 1px solid var(--line);
  min-height: 14.5rem;
}
.experience-caption h3 {
  font-family: var(--font-editorial),serif;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: .6rem 0 .85rem;
}
.experience-caption p:last-child {
  max-width: 35rem;
  font-size: .82rem;
  line-height: 1.9;
  color: var(--muted);
}
.island-route {
  border-top: 1px solid #d5b97926;
  border-bottom: 1px solid #d5b97926;
}
.collection-section {
  background: var(--canvas-deep);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--canvas-deep) 28%, var(--canvas));
  }
}
.journey-card {
  min-width: 0;
}
.journey-card > a {
  display: block;
  height: 100%;
}
.journey-card-image {
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
}
.journey-card-image img {
  transition: transform 1.4s var(--ease-drift), filter 1s;
}
.journey-card:hover .journey-card-image img {
  transform: scale(1.055);
}
.journey-card-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #06150ec2, transparent 40%, #06150e5c);
}
.journey-card-edition {
  position: absolute;
  inset: 1.5rem 1.5rem auto;
  display: flex;
  justify-content: space-between;
  font-size: .56rem;
  letter-spacing: .19em;
  text-transform: uppercase;
  color: #fff;
}
.journey-card-edition > span {
  font-size: .75rem;
}
.journey-card-image-bottom {
  position: absolute;
  inset: auto 1.5rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.journey-card-image-bottom > span:first-child {
  font-size: .57rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.journey-card-arrow {
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid #ffffff75;
  border-radius: 50%;
  display: grid;
  place-content: center;
  font-size: 1.5rem;
  transition: color .4s, background .4s, transform .5s;
}
.journey-card:hover .journey-card-arrow {
  background: #e5cf9b;
  border-color: #e5cf9b;
  color: #17271d;
  transform: rotate(45deg);
}
.journey-card-copy {
  padding-top: 1.7rem;
}
.journey-card-copy h3 {
  font-family: var(--font-editorial),serif;
  font-size: clamp(1.9rem, 2.4vw, 2.65rem);
  line-height: 1.2;
  letter-spacing: -.045em;
  margin-top: .65rem;
}
.journey-card-deck {
  min-height: 3.2rem;
  margin-top: .9rem;
  font-size: .8rem;
  line-height: 1.8;
  color: var(--muted);
}
.journey-card-route {
  font-size: .66rem;
  color: var(--faint);
  margin-top: 1rem;
}
.journey-card-bottom {
  display: flex;
  gap: .8rem;
  align-items: center;
  justify-content: space-between;
  border-block: 1px solid var(--line);
  padding: 1.2rem 0;
  margin-top: 1.6rem;
}
.journey-card-bottom > div {
  display: grid;
  grid-template-columns: auto auto;
  gap: .2rem .4rem;
  align-items: baseline;
}
.journey-card-bottom strong {
  font-family: var(--font-editorial),serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--gold);
}
.journey-card-bottom small {
  grid-column: 1/-1;
  font-size: .75rem;
  line-height: 1.5;
  color: var(--muted);
}
.journey-card-bottom > div > span {
  font-size: .57rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--faint);
}
.journey-card-cta {
  display: flex;
  align-items: center;
  gap: .7rem;
  font-size: .59rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.journey-card-cta > span {
  color: var(--gold);
  font-size: 1rem;
}
.planning-section {
  padding-block: 7rem;
}
.planning-heading {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 1.4rem 4rem;
  align-items: end;
}
.planning-heading > .eyebrow {
  grid-column: 1/-1;
}
.planning-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  margin-top: 4.5rem;
}
.planning-step {
  border-top: 1px solid var(--line);
  padding-top: 1.8rem;
  display: flex;
  align-items: start;
  gap: 1.4rem;
}
.planning-number {
  color: var(--gold);
  font-family: var(--font-editorial),serif;
  font-style: italic;
  font-size: 2.6rem;
  line-height: 1;
}
.planning-step h3 {
  font-family: var(--font-editorial),serif;
  font-size: 1.6rem;
  line-height: 1.3;
  letter-spacing: -.035em;
}
.planning-step p {
  margin-top: 1rem;
  color: var(--muted);
  line-height: 1.9;
  font-size: .8rem;
}
.journey-invitation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #e8dfcd;
  color: #15241c;
  color-scheme: light;
  --fg: #15241c;
  --faint: rgba(21,36,28,.56);
  --line: rgba(21,36,28,.16);
  --gold: #806136;
  --muted: #526054;
}
.invitation-image {
  position: relative;
  min-height: 39rem;
  overflow: hidden;
}
.invitation-image img {
  transition: transform 2s var(--ease-drift);
}
.journey-invitation:hover .invitation-image img {
  transform: scale(1.035);
}
.invitation-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,#07120b80,transparent 50%);
}
.invitation-image-caption {
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  right: 1.5rem;
  z-index: 1;
  color: #fff;
  font-size: .65rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.invitation-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 1.8rem;
  padding: clamp(2rem,6vw,6rem);
}
.invitation-content .editorial-title {
  font-size: clamp(3.8rem, 6.3vw, 7rem);
}
.invitation-content .btn-gold {
  background: #18382a;
  color: #f4efe6;
  margin-top: .4rem;
}
.invitation-note {
  font-size: .65rem;
  line-height: 1.7;
  color: #596353;
}
.site-footer {
  padding-top: 5rem;
  background: #09130e;
  color: #ede7d7;
  --gold: #c9af7a;
}
.footer-top {
  display: grid;
  grid-template-columns: 1.2fr .8fr 1fr;
  gap: 3rem;
}
.footer-brand {
  display: flex;
  gap: 1.1rem;
  align-items: center;
}
.footer-brand > span {
  font-family: var(--font-editorial),serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}
.footer-brand small {
  display: block;
  font-family: var(--font-body),sans-serif;
  font-size: .5rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-top: .6rem;
}
.footer-top p {
  font-size: .76rem;
  line-height: 1.9;
  color: #ede7d799;
  margin-top: 1.5rem;
}
.footer-top nav {
  display: flex;
  flex-direction: column;
  gap: .9rem;
}
.footer-top nav a {
  font-size: .78rem;
  color: #ede7d7bb;
  width: fit-content;
  transition: color .3s;
}
.footer-top a:hover {
  color: #e8c68a;
}
.footer-contact > a {
  display: block;
  width: fit-content;
  font-size: .86rem;
  border-bottom: 1px solid #ede7d73b;
  padding-block: 1rem .6rem;
  overflow-wrap: anywhere;
}
.footer-contact > p {
  margin-top: .7rem;
}
.footer-location {
  display: block;
  color: #ede7d790;
  font-size: .6rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 1.5rem;
}
.footer-social {
  display: flex;
  gap: .65rem;
  margin-top: 1.15rem;
}
.footer-top nav.footer-social {
  flex-direction: row;
  gap: .65rem;
}
.footer-top nav.footer-social a {
  width: 2.65rem;
}
.footer-social a {
  display: grid;
  width: 2.65rem;
  height: 2.65rem;
  place-items: center;
  border: 1px solid #ede7d73b;
  border-radius: 50%;
  color: #c9af7a;
  transition: border-color .25s, background .25s, color .25s, transform .25s;
}
.footer-social a:hover {
  border-color: #c9af7a;
  background: #c9af7a16;
  color: #ede7d7;
  transform: translateY(-2px);
}
.footer-social svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}
.footer-social .social-icon-fill {
  fill: currentColor;
  stroke: none;
}
.footer-social .social-icon-dot {
  fill: currentColor;
  stroke: none;
}
.footer-wordmark {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-block: 3.5rem 1.2rem;
  font-family: var(--font-editorial),serif;
  font-size: clamp(4rem, 15vw, 15rem);
  line-height: 1.1;
  letter-spacing: -.07em;
  color: #ede7d7;
}
.footer-wordmark em {
  margin-left: .16em;
  margin-right: auto;
  color: #c9af7a;
}
.footer-wordmark > span {
  font-family: var(--font-body),sans-serif;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding-bottom: 2.4rem;
}
.footer-bottom {
  padding-block: 1.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  border-top: 1px solid #ede7d726;
  font-size: .58rem;
  color: #ede7d799;
  letter-spacing: .04em;
}
.collection-filter {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  align-items: center;
  padding-block: 1.8rem;
  border-bottom: 1px solid var(--line);
}
.collection-filter button {
  border: 1px solid var(--line);
  padding: .85rem 1.2rem;
  font-size: .64rem;
  letter-spacing: .06em;
  transition: background .3s,color .3s;
}
.collection-filter button[aria-pressed="true"] {
  color: var(--canvas);
  background: var(--fg);
  border-color: var(--fg);
}
.collection-count {
  margin-left: auto;
  font-size: .6rem;
  color: var(--faint);
}
.collection-faq {
  padding-block: 5rem;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 4rem;
}
.collection-faq h2 {
  font-size: clamp(2rem,3vw,3.5rem);
}
.collection-faq details {
  padding: 1.4rem 0;
  border-bottom: 1px solid var(--line);
}
.collection-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: .86rem;
  list-style: none;
}
.collection-faq summary::-webkit-details-marker {
  display: none;
}
.collection-faq summary::after {
  content: '+';
  color: var(--gold);
}
.collection-faq details[open] summary::after {
  content: '−';
}
.collection-faq details p {
  margin-top: 1.2rem;
  font-size: .8rem;
  color: var(--muted);
  line-height: 1.9;
}
.journey-subnav {
  position: sticky;
  top: 4.5rem;
  z-index: 30;
  display: flex;
  justify-content: center;
  gap: clamp(1.3rem, 5vw, 5rem);
  padding: 1.4rem 1.2rem;
  background: var(--canvas);
  border-bottom: 1px solid var(--line);
}
.journey-subnav a {
  font-size: .6rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
  transition: color .3s;
}
.journey-subnav a:hover {
  color: var(--gold);
}
.detail-page :where(#overview,#itinerary,#stays,#compose,#enquire) {
  scroll-margin-top: 10rem;
}
.detail-page #compose {
  border-top: 3px solid var(--gold);
  box-shadow: 0 16px 60px #0000000a;
}
.detail-page #itinerary > ol > li {
  margin-bottom: 2.5rem;
}
.detail-page #itinerary > ol > li > div:nth-child(2) {
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  gap: 1.8rem;
}
.detail-page #itinerary > ol > li > div:nth-child(2) > div:last-child {
  aspect-ratio: 16/10;
}
.detail-page #itinerary > ol > li > div:nth-child(2) > div:first-child {
  padding-bottom: 1rem;
}
.detail-page #itinerary p {
  max-width: 40rem;
}
.detail-page #stays {
  background: var(--canvas-deep);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb,var(--canvas-deep) 28%,var(--canvas));
  }
}
.detail-page #enquire {
  background: #e8dfcd;
  color: #15241c;
  --gold: #806136;
  --muted: #526054;
  --faint: #596353;
}
.enquiry-address {
  display: block;
  margin-top: 1.4rem;
  color: var(--gold);
  font-size: .8rem;
  text-decoration: underline;
  text-underline-offset: .4rem;
}
.review-page {
  background: #e8dfcd;
  color: #15241c;
  color-scheme: light;
  --fg: #15241c;
  --muted: #526054;
  --faint: #596353;
  --line: rgba(21,36,28,.17);
  --gold: #806136;
}
.review-page-inner {
  max-width: 58rem;
  padding-block: clamp(7rem, 12vw, 11rem);
}
.review-page .eyebrow {
  font-size: .75rem;
  letter-spacing: .16em;
}
.review-page .editorial-title {
  margin-top: 1.2rem;
  font-size: clamp(3.4rem, 7vw, 6.4rem);
}
.review-page .editorial-copy {
  max-width: 42rem;
  margin-top: 1.5rem;
  font-size: 1.0625rem;
  line-height: 1.8;
}
.review-form {
  display: grid;
  gap: 2rem;
  margin-top: 3.5rem;
  border-top: 1px solid var(--line);
  padding-top: 2.2rem;
}
.review-rating-field {
  border: 0;
  padding: 0;
}
.review-rating-field legend, .review-field-label {
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .02em;
}
.review-rating-field legend > span {
  color: var(--gold);
}
.review-star-inputs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .35rem;
  margin-top: .75rem;
}
.review-star-choice {
  position: relative;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.review-star-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.review-star-choice > span:first-of-type {
  color: #8b7048;
  font-size: 2.25rem;
  line-height: 1.25;
  transition: color .2s, transform .2s;
}
.review-star-choice input:checked + span, .review-star-choice input:checked ~ span:first-of-type {
  color: #aa7b34;
}
.review-star-choice:hover > span:first-of-type {
  transform: translateY(-2px);
}
.review-star-choice input:focus-visible + span {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.review-star-hint {
  margin-left: .65rem;
  font-size: .875rem;
  line-height: 1.6;
  color: #526054;
}
.review-form-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1.5rem 1.25rem;
}
.review-form-fields label {
  display: grid;
  align-content: start;
  gap: .5rem;
  font-size: .9375rem;
  line-height: 1.6;
  color: #334a3b;
}
.review-form-fields label > span {
  font-weight: 500;
}
.review-form-fields label > span small {
  font-size: .875rem;
  font-weight: 400;
}
.review-form-fields label > span b {
  color: #806136;
}
.review-form-fields input, .review-form-fields textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 0;
  background: rgba(255,255,255,.18);
  padding: .85rem .95rem;
  color: #15241c;
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
  outline: none;
}
.review-form-fields input:focus, .review-form-fields textarea:focus {
  border-color: #806136;
  box-shadow: 0 0 0 1px #806136;
}
.review-form-fields input::placeholder, .review-form-fields textarea::placeholder {
  color: #596353;
  opacity: 1;
}
.review-form-fields label > small {
  font-size: .875rem;
  line-height: 1.6;
  color: #526054;
}
.review-form-wide {
  grid-column: 1/-1;
}
.review-character-count {
  justify-self: end;
}
.review-photo-field {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .7rem 1.5rem;
  align-items: center;
}
.review-field-label > span, .review-field-help {
  color: #596353;
}
.review-field-help {
  margin-top: .45rem;
  font-size: .875rem;
  line-height: 1.7;
}
.review-upload-button {
  position: relative;
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #15241c66;
  padding: .75rem 1rem;
  font-size: .875rem;
  line-height: 1.5;
  letter-spacing: .03em;
  cursor: pointer;
}
.review-upload-button:hover {
  background: #15241c0b;
}
.review-upload-button input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.review-upload-button input:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.review-photo-previews {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.review-photo-previews li {
  position: relative;
  width: 8rem;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #15241c14;
}
.review-photo-previews img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-photo-previews button {
  position: absolute;
  top: .35rem;
  right: .35rem;
  display: grid;
  width: 1.6rem;
  height: 1.6rem;
  place-items: center;
  border-radius: 50%;
  background: #08130ee8;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
}
.review-consent {
  display: flex;
  align-items: start;
  gap: .75rem;
  max-width: 48rem;
  font-size: .9375rem;
  line-height: 1.7;
  color: #334a3b;
  cursor: pointer;
}
.review-consent input {
  flex: 0 0 auto;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: .25rem;
  accent-color: #18382a;
}
.review-honeypot {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.review-form-error {
  border-left: 2px solid #9e3d2e;
  padding: .7rem 1rem;
  background: #9e3d2e0c;
  color: #812d20;
  font-size: .9375rem;
  line-height: 1.6;
}
.review-form-submit-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid var(--line);
  padding-top: 1.5rem;
}
.review-form-submit-row > p {
  max-width: 20rem;
  color: #526054;
  font-size: .875rem;
  line-height: 1.7;
}
.review-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.review-form-submit-row button, .review-home-link {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  gap: 1.25rem;
  border: 1px solid #18382a;
  padding: .9rem 1.2rem;
  font-size: .875rem;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.review-form-submit-row button {
  background: #18382a;
  color: #f4efe6;
}
.review-home-link {
  color: #18382a;
  transition: background-color .2s, color .2s;
}
.review-home-link:hover {
  background: #18382a;
  color: #f4efe6;
}
.review-home-link:focus-visible {
  outline: 2px solid #806136;
  outline-offset: 4px;
}
.review-form-submit-row button:disabled {
  cursor: wait;
  opacity: .58;
}
.review-form-submit-row button > span, .review-home-link > span {
  font-size: 1.1rem;
}
.review-form-success {
  padding: .5rem 0 1rem;
}
.review-success-mark {
  color: var(--gold);
  font-size: 1.4rem;
}
.review-form-success h2 {
  margin-top: 1rem;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: 2.4rem;
}
.review-form-success p {
  max-width: 34rem;
  margin-top: .7rem;
  color: #526054;
  font-size: 1rem;
  line-height: 1.8;
}
.review-form-success .review-home-link {
  margin-top: 1.5rem;
}
.guest-reviews {
  overflow: hidden;
  background: #101916;
  color: #f4efe6;
}
.guest-reviews-inner {
  padding-block: clamp(4.5rem, 9vw, 8rem);
}
.guest-reviews-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
  border-bottom: 1px solid #f4efe626;
  padding-bottom: 2.6rem;
}
.guest-reviews-eyebrow {
  color: #c7a464;
  font-size: .6rem;
  letter-spacing: .24em;
  text-transform: uppercase;
}
.guest-reviews-heading h2 {
  margin-top: 1rem;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: clamp(3rem, 6vw, 5.8rem);
  line-height: .98;
  letter-spacing: -.05em;
}
.guest-reviews-heading h2 em {
  color: #c7a464;
  font-weight: 400;
}
.guest-reviews-summary {
  display: grid;
  justify-items: end;
  gap: .25rem;
  padding-bottom: .3rem;
  color: #f4efe6a8;
  font-size: .62rem;
}
.guest-reviews-summary strong {
  color: #f4efe6;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}
.guest-reviews-aside {
  display: flex;
  align-items: end;
  gap: 1.5rem;
}
.guest-review-controls {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-bottom: .25rem;
}
.guest-review-controls button {
  display: grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border: 1px solid #f4efe64a;
  border-radius: 50%;
  background: transparent;
  color: #f4efe6;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.guest-review-controls button:hover {
  border-color: #c7a464;
  background: #c7a46418;
  color: #d4b578;
}
.guest-review-controls button:focus-visible {
  outline: 2px solid #d4b578;
  outline-offset: 3px;
}
.guest-review-controls button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.guest-review-arrow {
  width: 1rem;
  height: 1rem;
}
.guest-review-arrow-left {
  transform: rotate(180deg);
}
.guest-review-pause-icon {
  font-size: .85rem;
  line-height: 1;
}
.guest-review-play-icon {
  margin-left: .1rem;
  font-size: .7rem;
  line-height: 1;
}
.guest-review-stars {
  color: #d4b578;
  letter-spacing: .12em;
  white-space: nowrap;
}
.guest-review-cards {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 1.5rem;
  scroll-padding-inline: 0;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.guest-review-cards::-webkit-scrollbar {
  display: none;
}
.guest-review-card {
  display: flex;
  flex: 0 0 calc((100% - 2rem) / 3);
  min-width: 0;
  flex-direction: column;
  border: 1px solid #f4efe626;
  padding: clamp(1.25rem, 2.2vw, 2rem);
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.guest-review-card-top {
  display: flex;
  min-height: 2.1rem;
  align-items: start;
  justify-content: space-between;
}
.guest-review-card-top .guest-review-stars {
  font-size: .84rem;
}
.guest-review-mark {
  color: #c7a464;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: 3.5rem;
  line-height: .75;
}
.guest-review-copy {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 1rem;
  color: #f4efe6dd;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: 1.15rem;
  line-height: 1.65;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.guest-review-photos {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .35rem;
  margin-top: 1.25rem;
}
.guest-review-photos img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.guest-review-author {
  display: grid;
  gap: .25rem;
  margin-top: auto;
  padding-top: 1.4rem;
}
.guest-review-author > span:first-child {
  color: #f4efe6;
  font-family: var(--font-editorial), Georgia, serif;
  font-size: 1.2rem;
}
.guest-review-author > span:last-child {
  color: #f4efe69c;
  font-size: .59rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.guest-reviews-loading .guest-reviews-inner {
  min-height: 26rem;
}
.guest-reviews-skeleton {
  width: 100%;
  height: 20rem;
  border: 1px solid #f4efe614;
  background: linear-gradient(110deg,#f4efe608 30%,#f4efe614 45%,#f4efe608 60%);
  background-size: 200% 100%;
  animation: guest-review-shimmer 1.5s ease-in-out infinite;
}
@keyframes guest-review-shimmer {
  to {
    background-position-x: -200%;
  }
}
@media (min-width: 1024px) {
  .signature-journeys > :nth-child(3n + 2) {
    margin-top: 4rem;
  }
  .detail-page aside {
    top: 10rem;
  }
}
@media (max-width: 1100px) {
  .hero-editorial-title {
    font-size: clamp(3.4rem, 7.3vw, 6.5rem);
  }
  .hero-destinations {
    flex-basis: auto;
    border-left: 0;
    padding: 0;
  }
  .hero-thumbnails {
    display: none;
  }
  .footer-top {
    grid-template-columns: 1fr 1fr;
  }
  .footer-contact {
    grid-column: 1/-1;
  }
  .guest-reviews-aside {
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .guest-reviews-summary {
    justify-items: start;
  }
  .guest-review-card {
    flex-basis: calc((100% - 1rem) / 2);
  }
}
@media (max-width: 800px) {
  .premium-hero {
    min-height: 47rem;
    height: 94svh;
    max-height: 58rem;
  }
  .hero-editorial-title {
    font-size: clamp(3.35rem, 8.8vw, 5.8rem);
  }
  .hero-description {
    font-size: .84rem;
    max-width: 27rem;
  }
  .hero-destinations {
    max-width: none;
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 1rem;
    align-items: center;
  }
  .hero-destinations > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0;
  }
  .hero-destinations > p {
    grid-column: 1;
    grid-row: 1;
    font-size: .55rem;
    letter-spacing: .12em;
  }
  .hero-destinations > div:last-child {
    grid-column: 1/-1;
  }
  .signature-strip {
    flex-wrap: wrap;
    gap: .7rem 1.2rem;
    padding-block: 1.25rem;
  }
  .signature-strip span {
    font-size: .49rem;
    letter-spacing: .1em;
  }
  .signature-strip span + span::before {
    display: none;
  }
  .signature-strip span:last-child {
    display: none;
  }
  .experience-section {
    padding-bottom: 4rem;
  }
  .experience-heading {
    flex-direction: column;
    align-items: start;
    gap: 1.4rem;
    margin-bottom: 2rem;
  }
  .experience-heading > p {
    max-width: 30rem;
  }
  .experience-layout {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
  .experience-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem;
    padding: 0;
  }
  .experience-choice {
    gap: .65rem;
    padding: 1.2rem 0;
  }
  .experience-choice > span:nth-child(2) {
    font-size: clamp(1rem,3.8vw,1.55rem);
  }
  .experience-menu-note {
    display: none;
  }
  .experience-photo {
    aspect-ratio: 1.07;
  }
  .experience-photo-label {
    left: 1.3rem;
    bottom: 1.3rem;
    font-size: .52rem;
  }
  .experience-caption {
    gap: 1rem;
    min-height: 16rem;
  }
  .round-link {
    width: 3.3rem;
    height: 3.3rem;
  }
  .planning-section {
    padding-block: 4.5rem;
  }
  .planning-heading {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }
  .planning-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 2.5rem;
  }
  .planning-step {
    gap: 1.7rem;
  }
  .planning-step p {
    max-width: 32rem;
  }
  .journey-invitation {
    grid-template-columns: 1fr;
  }
  .invitation-image {
    min-height: 24rem;
  }
  .invitation-content {
    padding: 3.5rem 1.5rem;
  }
  .site-footer {
    padding-top: 3rem;
  }
  .footer-top {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .footer-wordmark {
    font-size: 18vw;
    padding-block: 3rem 1.5rem;
  }
  .footer-wordmark > span {
    display: none;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 1rem;
  }
  .collection-faq {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding-block: 4rem;
  }
  .collection-filter {
    gap: .5rem;
  }
  .collection-filter button {
    padding: .75rem .85rem;
    font-size: .58rem;
  }
  .collection-count {
    flex-basis: 100%;
    margin-top: .5rem;
  }
  .journey-subnav {
    gap: 1.25rem;
  }
  .journey-subnav a {
    font-size: .52rem;
    letter-spacing: .1em;
  }
  .detail-page .journey-hero {
    height: max(90svh, 48rem);
    min-height: 48rem;
  }
  .brand-name {
    font-size: 1.3rem;
  }
  .brand-name > span {
    font-size: .4rem;
  }
  .journey-card-deck {
    min-height: 0;
  }
  .guest-reviews-heading {
    align-items: start;
    flex-direction: column;
    gap: 1.5rem;
  }
  .guest-reviews-summary {
    justify-items: start;
  }
}
@media (max-width: 560px) {
  .review-page-inner {
    padding-block: 6.5rem;
  }
  .review-form-fields {
    grid-template-columns: 1fr;
  }
  .review-form-wide {
    grid-column: auto;
  }
  .review-form-actions {
    width: 100%;
  }
  .review-form-actions > * {
    flex: 1 1 auto;
    justify-content: space-between;
  }
  .review-photo-field {
    grid-template-columns: 1fr;
  }
  .review-upload-button {
    width: fit-content;
  }
  .guest-reviews-inner {
    padding: 3.25rem 5vw 2.75rem;
  }
  .guest-reviews-heading {
    gap: 1.25rem;
    padding-bottom: 1.75rem;
  }
  .guest-reviews-heading h2 {
    margin-top: .75rem;
  }
  .guest-review-cards {
    gap: 1rem;
    margin-inline: -5vw;
    padding: 1rem 5vw 1.25rem;
    scroll-padding-inline: 5vw;
  }
  .guest-review-card {
    flex: 0 0 86vw;
    scroll-snap-align: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
  }
  .hero-thumbnails button, .round-link, .journey-card-image img, .journey-card-arrow, .experience-choice-arrow, .invitation-image img {
    transition: none;
  }
  .journey-card:hover .journey-card-image img, .journey-invitation:hover .invitation-image img {
    transform: none;
  }
  .guest-reviews-skeleton {
    animation: none;
  }
  .guest-review-controls button {
    transition: none;
  }
}
.site-header {
  transition: background-color .5s, border-color .5s, color .5s, backdrop-filter .5s;
}
.site-header.is-overlay {
  border-color: transparent;
  background: transparent;
  color: #f6f1e8;
  backdrop-filter: none;
}
.site-header.is-solid {
  border-color: var(--line);
  background: var(--canvas);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--canvas) 80%, transparent);
  }
  color: var(--fg);
  backdrop-filter: blur(18px);
}
.site-nav-link {
  position: relative;
  font-size: .68rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .8;
  transition: opacity .3s;
}
.site-nav-link:hover {
  opacity: 1;
}
.site-nav-link > span {
  position: absolute;
  right: 0;
  bottom: -.5rem;
  left: 0;
  height: 1px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s;
}
.site-nav-link:hover > span {
  transform: scaleX(1);
}
.menu-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 1.25rem;
  background: currentColor;
  transition: transform .5s, opacity .3s, top .5s;
}
.menu-line-one {
  top: 0;
}
.menu-line-two {
  top: .375rem;
}
.menu-line-three {
  top: .75rem;
}
[data-menu-toggle][aria-expanded="true"] .menu-line-one {
  top: .375rem;
  transform: rotate(45deg);
}
[data-menu-toggle][aria-expanded="true"] .menu-line-two {
  opacity: 0;
}
[data-menu-toggle][aria-expanded="true"] .menu-line-three {
  top: .375rem;
  transform: rotate(-45deg);
}
.mobile-nav {
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s cubic-bezier(.22, 1, .36, 1);
}
.mobile-nav.is-open {
  opacity: 1;
  pointer-events: auto;
}
.mobile-nav[hidden], [data-enquiry-container][hidden], [data-enquiry-panel][hidden], [data-experience-caption][hidden], [data-review-fields][hidden] {
  display: none !important;
}
.hero-slide {
  transition: opacity 1.15s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity;
}
.hero-slide[data-active="false"] {
  opacity: 0;
  pointer-events: none;
}
.hero-slide[data-active="true"] {
  opacity: 1;
}
.experience-photo [data-experience-image] {
  opacity: 0;
  transform: scale(1.035);
  transition: opacity .85s, transform .85s;
}
.experience-photo [data-experience-image][data-active="true"] {
  opacity: 1;
  transform: scale(1);
}
.journey-card[hidden] {
  display: none !important;
}
.form-input {
  display: block;
  width: 100%;
  border: 1px solid var(--line);
  background: transparent;
  padding: .75rem 1rem;
  color: var(--fg);
  font-size: .875rem;
  font-weight: 300;
}
.form-input::placeholder {
  color: var(--faint);
}
.form-input:focus {
  border-color: var(--gold);
  outline: none;
}
html.site-motion-ready [data-reveal]:not(.is-revealed) {
  opacity: 0;
  transform: translateY(26px);
  filter: blur(7px);
}
[data-reveal] {
  transition: opacity .95s cubic-bezier(.22, 1, .36, 1), transform .95s cubic-bezier(.22, 1, .36, 1), filter .95s cubic-bezier(.22, 1, .36, 1);
}
[data-reveal].is-revealed {
  opacity: 1;
  transform: none;
  filter: none;
}
@media (prefers-reduced-motion: reduce) {
  .site-header, .site-nav-link > span, .menu-line, .mobile-nav, .hero-slide, .experience-photo [data-experience-image], [data-reveal] {
    transition-duration: 0s !important;
  }
  html.site-motion-ready [data-reveal]:not(.is-revealed) {
    opacity: 1;
    transform: none;
    filter: none;
  }
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@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;
}
@property --tw-ease {
  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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --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;
      --tw-ease: initial;
    }
  }
}