/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer utilities {
  .\[pointer-events\:none\] {
    pointer-events: none;
  }
  .\[visibility\:hidden\] {
    visibility: hidden;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-\[0\] {
    inset: 0;
  }
  .inset-\[0px\] {
    inset: 0px;
  }
  .top-\[-160px\] {
    top: -160px;
  }
  .top-\[0\] {
    top: 0;
  }
  .top-\[0px\] {
    top: 0px;
  }
  .top-\[8px\] {
    top: 8px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[14px\] {
    top: 14px;
  }
  .top-\[16px\] {
    top: 16px;
  }
  .top-\[24px\] {
    top: 24px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[62\.62\%\] {
    top: 62.62%;
  }
  .top-\[100\%\] {
    top: 100%;
  }
  .right-\[-64px\] {
    right: -64px;
  }
  .right-\[-200px\] {
    right: -200px;
  }
  .right-\[0\] {
    right: 0;
  }
  .right-\[16px\] {
    right: 16px;
  }
  .right-\[20px\] {
    right: 20px;
  }
  .bottom-\[-16px\] {
    bottom: -16px;
  }
  .bottom-\[-40px\] {
    bottom: -40px;
  }
  .bottom-\[-64px\] {
    bottom: -64px;
  }
  .bottom-\[-280px\] {
    bottom: -280px;
  }
  .bottom-\[0\] {
    bottom: 0;
  }
  .left-\[-64px\] {
    left: -64px;
  }
  .left-\[-280px\] {
    left: -280px;
  }
  .left-\[0\] {
    left: 0;
  }
  .left-\[9px\] {
    left: 9px;
  }
  .left-\[16px\] {
    left: 16px;
  }
  .left-\[24px\] {
    left: 24px;
  }
  .left-\[53\.71\%\] {
    left: 53.71%;
  }
  .left-\[76px\] {
    left: 76px;
  }
  .z-\[0\] {
    z-index: 0;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[50\] {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .\[order\:-1\] {
    order: -1;
  }
  .\[order\:0\] {
    order: 0;
  }
  .\[order\:1\] {
    order: 1;
  }
  .\[order\:2\] {
    order: 2;
  }
  .\[order\:3\] {
    order: 3;
  }
  .m-\[-1px\] {
    margin: -1px;
  }
  .mx-\[-20px\] {
    margin-inline: -20px;
  }
  .mx-\[auto\] {
    margin-inline: auto;
  }
  .mt-\[-3px\] {
    margin-top: -3px;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[12px\] {
    margin-top: 12px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[24px\] {
    margin-top: 24px;
  }
  .mt-\[32px\] {
    margin-top: 32px;
  }
  .mt-\[40px\] {
    margin-top: 40px;
  }
  .mt-\[48px\] {
    margin-top: 48px;
  }
  .mt-\[auto\] {
    margin-top: auto;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .ml-\[0px\] {
    margin-left: 0px;
  }
  .ml-\[8px\] {
    margin-left: 8px;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .\[aspect-ratio\:1_\/_1\] {
    aspect-ratio: 1 / 1;
  }
  .\[aspect-ratio\:3_\/_2\] {
    aspect-ratio: 3 / 2;
  }
  .\[aspect-ratio\:350_\/_420\] {
    aspect-ratio: 350 / 420;
  }
  .\[aspect-ratio\:350_\/_428\] {
    aspect-ratio: 350 / 428;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[88\.79\%\] {
    height: 88.79%;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[380px\] {
    height: 380px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[560px\] {
    height: 560px;
  }
  .h-full {
    height: 100%;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[45\.71\%\] {
    width: 45.71%;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[85\.71\%\] {
    width: 85.71%;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[560px\] {
    width: 560px;
  }
  .w-\[fit-content\] {
    width: fit-content;
  }
  .w-\[max-content\] {
    width: max-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[100\%\] {
    max-width: 100%;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[350px\] {
    max-width: 350px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[none\] {
    max-width: none;
  }
  .min-w-\[0\] {
    min-width: 0;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[48px\] {
    min-width: 48px;
  }
  .\[flex\:0_1_auto\] {
    flex: 0 1 auto;
  }
  .\[flex\:1_1_24px\] {
    flex: 1 1 24px;
  }
  .\[flex\:1_1_auto\] {
    flex: 1 1 auto;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .\[flex-grow\:0\] {
    flex-grow: 0;
  }
  .\[flex-grow\:1\] {
    flex-grow: 1;
  }
  .\[flex-basis\:0\] {
    flex-basis: 0;
  }
  .\[flex-basis\:auto\] {
    flex-basis: auto;
  }
  .\[transform\:rotate\(180deg\)\] {
    transform: rotate(180deg);
  }
  .\[transform\:scaleX\(-1\)\] {
    transform: scaleX(-1);
  }
  .\[transform\:translateY\(-200\%\)\] {
    transform: translateY(-200%);
  }
  .\[animation\:st-cta-strip_30s_linear_infinite\] {
    animation: st-cta-strip 30s linear infinite;
  }
  .\[cursor\:not-allowed\] {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .\[scroll-snap-type\:none\] {
    scroll-snap-type: none;
  }
  .\[scroll-snap-type\:x_mandatory\] {
    scroll-snap-type: x mandatory;
  }
  .\[scroll-snap-align\:start\] {
    scroll-snap-align: start;
  }
  .\[scroll-margin-top\:88px\] {
    scroll-margin-top: 88px;
  }
  .\[list-style-type\:none\] {
    list-style-type: none;
  }
  .\[appearance\:none\] {
    appearance: none;
  }
  .\[grid-template-columns\:minmax\(0\,_1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }
  .\[grid-template-columns\:minmax\(0\,_1fr\)_32px\] {
    grid-template-columns: minmax(0, 1fr) 32px;
  }
  .\[grid-template-columns\:repeat\(3\,_minmax\(0\,_1fr\)\)\] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .\[align-items\:baseline\] {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .\[gap\:12px_24px\] {
    gap: 12px 24px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-x-\[8px\] {
    column-gap: 8px;
  }
  .gap-x-\[16px\] {
    column-gap: 16px;
  }
  .gap-y-\[4px\] {
    row-gap: 4px;
  }
  .gap-y-\[12px\] {
    row-gap: 12px;
  }
  .gap-y-\[20px\] {
    row-gap: 20px;
  }
  .gap-y-\[32px\] {
    row-gap: 32px;
  }
  .gap-y-\[40px\] {
    row-gap: 40px;
  }
  .\[align-self\:center\] {
    align-self: center;
  }
  .\[align-self\:end\] {
    align-self: end;
  }
  .\[align-self\:flex-start\] {
    align-self: flex-start;
  }
  .\[justify-self\:start\] {
    justify-self: start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .\[overflow-x\:auto\] {
    overflow-x: auto;
  }
  .\[overflow-x\:clip\] {
    overflow-x: clip;
  }
  .rounded-\[var\(--ds-radius-button\)\] {
    border-radius: var(--ds-radius-button);
  }
  .rounded-\[var\(--ds-radius-card\)\] {
    border-radius: var(--ds-radius-card);
  }
  .rounded-\[var\(--ds-radius-chip\)\] {
    border-radius: var(--ds-radius-chip);
  }
  .rounded-\[var\(--ds-radius-field\)\] {
    border-radius: var(--ds-radius-field);
  }
  .rounded-\[var\(--ds-radius-leaf-sm\)\] {
    border-radius: var(--ds-radius-leaf-sm);
  }
  .rounded-\[var\(--ds-radius-round\)\] {
    border-radius: var(--ds-radius-round);
  }
  .\[border-top-left-radius\:var\(--ds-radius-card\)\] {
    border-top-left-radius: var(--ds-radius-card);
  }
  .\[border-top-right-radius\:var\(--ds-radius-card\)\] {
    border-top-right-radius: var(--ds-radius-card);
  }
  .\[border-width\:1px\] {
    border-width: 1px;
  }
  .\[border-width\:4px_1px_1px\] {
    border-width: 4px 1px 1px;
  }
  .\[border-width\:8px\] {
    border-width: 8px;
  }
  .\[border-bottom-width\:1px\] {
    border-bottom-width: 1px;
  }
  .\[border-style\:solid\] {
    border-style: solid;
  }
  .\[border-bottom-style\:solid\] {
    border-bottom-style: solid;
  }
  .\[border-color\:rgba\(201\,_211\,_204\,_0\.4\)\] {
    border-color: rgba(201, 211, 204, 0.4);
  }
  .\[border-color\:rgba\(247\,_243\,_234\,_0\.4\)\] {
    border-color: rgba(247, 243, 234, 0.4);
  }
  .\[border-color\:rgba\(247\,_243\,_234\,_0\.28\)\] {
    border-color: rgba(247, 243, 234, 0.28);
  }
  .\[border-color\:var\(--ds-line\)\] {
    border-color: var(--ds-line);
  }
  .\[border-color\:var\(--ds-pine\)_var\(--ds-line\)_var\(--ds-line\)\] {
    border-color: var(--ds-pine) var(--ds-line) var(--ds-line);
  }
  .\[border-color\:var\(--ds-surface\)\] {
    border-color: var(--ds-surface);
  }
  .\[border-bottom-color\:var\(--ds-line\)\] {
    border-bottom-color: var(--ds-line);
  }
  .bg-\[color\:transparent\] {
    background-color: transparent;
  }
  .bg-\[color\:var\(--ds-band\)\] {
    background-color: var(--ds-band);
  }
  .bg-\[color\:var\(--ds-clay\)\] {
    background-color: var(--ds-clay);
  }
  .bg-\[color\:var\(--ds-footer\)\] {
    background-color: var(--ds-footer);
  }
  .bg-\[color\:var\(--ds-ink\)\] {
    background-color: var(--ds-ink);
  }
  .bg-\[color\:var\(--ds-page\)\] {
    background-color: var(--ds-page);
  }
  .bg-\[color\:var\(--ds-pine\)\] {
    background-color: var(--ds-pine);
  }
  .bg-\[color\:var\(--ds-pine-soft\)\] {
    background-color: var(--ds-pine-soft);
  }
  .bg-\[color\:var\(--ds-surface\)\] {
    background-color: var(--ds-surface);
  }
  .bg-\[color\:var\(--ds-terracotta\)\] {
    background-color: var(--ds-terracotta);
  }
  .bg-\[color\:var\(--ds-tint\)\] {
    background-color: var(--ds-tint);
  }
  .\[background-image\:linear-gradient\(rgba\(23\,_58\,_44\,_0\.7\)\,_rgba\(23\,_58\,_44\,_0\.7\)\)\] {
    background-image: linear-gradient(rgba(23, 58, 44, 0.7), rgba(23, 58, 44, 0.7));
  }
  .\[background-image\:radial-gradient\(circle\,_var\(--ds-terracotta\)_2px\,_transparent_2\.5px\)\] {
    background-image: radial-gradient(circle, var(--ds-terracotta) 2px, transparent 2.5px);
  }
  .\[background-image\:var\(--ds-seed-row\)\] {
    background-image: var(--ds-seed-row);
  }
  .\[background-image\:var\(--ds-seed-row-dark\)\] {
    background-image: var(--ds-seed-row-dark);
  }
  .\[background-size\:12px_4px\] {
    background-size: 12px 4px;
  }
  .\[background-position\:2px_center\] {
    background-position: 2px center;
  }
  .\[background-position\:12px_center\] {
    background-position: 12px center;
  }
  .\[background-position\:left_center\] {
    background-position: left center;
  }
  .\[background-repeat\:repeat-x\] {
    background-repeat: repeat-x;
  }
  .\[stroke\:var\(--ds-terracotta\)\] {
    stroke: var(--ds-terracotta);
  }
  .object-cover {
    object-fit: cover;
  }
  .\[object-position\:50\%_40\%\] {
    object-position: 50% 40%;
  }
  .\[object-position\:76\%_32\%\] {
    object-position: 76% 32%;
  }
  .\[padding\:0_12px_0_24px\] {
    padding: 0 12px 0 24px;
  }
  .\[padding\:12px_16px\] {
    padding: 12px 16px;
  }
  .\[padding\:32px_24px\] {
    padding: 32px 24px;
  }
  .p-\[0\] {
    padding: 0;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[32px\] {
    padding: 32px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[28px\] {
    padding-inline: 28px;
  }
  .px-\[32px\] {
    padding-inline: 32px;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .py-\[32px\] {
    padding-block: 32px;
  }
  .py-\[40px\] {
    padding-block: 40px;
  }
  .py-\[64px\] {
    padding-block: 64px;
  }
  .py-\[80px\] {
    padding-block: 80px;
  }
  .\[padding-inline-start\:max\(20px\,_calc\(\(100\%_-_1200px\)_\/_2\)\)\] {
    padding-inline-start: max(20px, calc((100% - 1200px) / 2));
  }
  .\[padding-inline-end\:20px\] {
    padding-inline-end: 20px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[32px\] {
    padding-top: 32px;
  }
  .pt-\[40px\] {
    padding-top: 40px;
  }
  .pt-\[80px\] {
    padding-top: 80px;
  }
  .pr-\[0\.3em\] {
    padding-right: 0.3em;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .pr-\[20px\] {
    padding-right: 20px;
  }
  .pr-\[44px\] {
    padding-right: 44px;
  }
  .pr-\[48px\] {
    padding-right: 48px;
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[24px\] {
    padding-bottom: 24px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pb-\[48px\] {
    padding-bottom: 48px;
  }
  .pl-\[0px\] {
    padding-left: 0px;
  }
  .pl-\[4px\] {
    padding-left: 4px;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .pl-\[24px\] {
    padding-left: 24px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .\[font-family\:var\(--ds-font-body\)\] {
    font-family: var(--ds-font-body);
  }
  .\[font-family\:var\(--ds-font-heading\)\] {
    font-family: var(--ds-font-heading);
  }
  .text-\[length\:11px\] {
    font-size: 11px;
  }
  .text-\[length\:12px\] {
    font-size: 12px;
  }
  .text-\[length\:13px\] {
    font-size: 13px;
  }
  .text-\[length\:14px\] {
    font-size: 14px;
  }
  .text-\[length\:15px\] {
    font-size: 15px;
  }
  .text-\[length\:16px\] {
    font-size: 16px;
  }
  .text-\[length\:17px\] {
    font-size: 17px;
  }
  .text-\[length\:18px\] {
    font-size: 18px;
  }
  .text-\[length\:20px\] {
    font-size: 20px;
  }
  .text-\[length\:24px\] {
    font-size: 24px;
  }
  .text-\[length\:32px\] {
    font-size: 32px;
  }
  .text-\[length\:36px\] {
    font-size: 36px;
  }
  .text-\[length\:40px\] {
    font-size: 40px;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }
  .\[font-weight\:400\] {
    font-weight: 400;
  }
  .\[font-weight\:500\] {
    font-weight: 500;
  }
  .\[font-weight\:600\] {
    font-weight: 600;
  }
  .\[font-weight\:700\] {
    font-weight: 700;
  }
  .tracking-\[-0\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px;
  }
  .tracking-\[3px\] {
    --tw-tracking: 3px;
    letter-spacing: 3px;
  }
  .tracking-\[4px\] {
    --tw-tracking: 4px;
    letter-spacing: 4px;
  }
  .\[text-wrap\:balance\] {
    text-wrap: balance;
  }
  .\[white-space\:nowrap\] {
    white-space: nowrap;
  }
  .text-\[color\:color-mix\(in_oklab\,_var\(--ds-on-dark-muted\)_12\%\,_transparent\)\] {
    color: var(--ds-on-dark-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ds-on-dark-muted) 12%, transparent);
    }
  }
  .text-\[color\:color-mix\(in_oklab\,_var\(--ds-pine\)_10\%\,_transparent\)\] {
    color: var(--ds-pine);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ds-pine) 10%, transparent);
    }
  }
  .text-\[color\:var\(--ds-body\)\] {
    color: var(--ds-body);
  }
  .text-\[color\:var\(--ds-clay\)\] {
    color: var(--ds-clay);
  }
  .text-\[color\:var\(--ds-ink\)\] {
    color: var(--ds-ink);
  }
  .text-\[color\:var\(--ds-muted\)\] {
    color: var(--ds-muted);
  }
  .text-\[color\:var\(--ds-on-dark\)\] {
    color: var(--ds-on-dark);
  }
  .text-\[color\:var\(--ds-on-dark-muted\)\] {
    color: var(--ds-on-dark-muted);
  }
  .text-\[color\:var\(--ds-on-primary\)\] {
    color: var(--ds-on-primary);
  }
  .text-\[color\:var\(--ds-page\)\] {
    color: var(--ds-page);
  }
  .text-\[color\:var\(--ds-pine\)\] {
    color: var(--ds-pine);
  }
  .text-\[color\:var\(--ds-terracotta-deep\)\] {
    color: var(--ds-terracotta-deep);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\[font-style\:italic\] {
    font-style: italic;
  }
  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .\[text-decoration-color\:transparent\] {
    text-decoration-color: transparent;
  }
  .\[text-decoration-thickness\:1px\] {
    text-decoration-thickness: 1px;
  }
  .\[text-underline-offset\:4px\] {
    text-underline-offset: 4px;
  }
  .\[opacity\:0\.1\] {
    opacity: 0.1;
  }
  .\[opacity\:0\.6\] {
    opacity: 0.6;
  }
  .\[opacity\:0\.12\] {
    opacity: 0.12;
  }
  .\[opacity\:0\] {
    opacity: 0;
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--ds-ink\)\] {
    box-shadow: inset 0 0 0 1px var(--ds-ink);
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--ds-line\)\] {
    box-shadow: inset 0 0 0 1px var(--ds-line);
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--ds-on-dark\)\] {
    box-shadow: inset 0 0 0 1px var(--ds-on-dark);
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--ds-page\)\] {
    box-shadow: inset 0 0 0 1px var(--ds-page);
  }
  .\[box-shadow\:var\(--ds-shadow-card\)\] {
    box-shadow: var(--ds-shadow-card);
  }
  .\[outline-width\:2px\] {
    outline-width: 2px;
  }
  .\[outline-offset\:4px\] {
    outline-offset: 4px;
  }
  .\[outline-color\:var\(--ds-clay\)\] {
    outline-color: var(--ds-clay);
  }
  .\[transition-property\:background-color\,_color\] {
    transition-property: background-color, color;
  }
  .\[transition-property\:background-color\] {
    transition-property: background-color;
  }
  .\[transition-property\:box-shadow\,_transform\] {
    transition-property: box-shadow, transform;
  }
  .\[transition-property\:color\,_background-color\,_box-shadow\] {
    transition-property: color, background-color, box-shadow;
  }
  .\[transition-property\:color\,_background-color\] {
    transition-property: color, background-color;
  }
  .\[transition-property\:opacity\] {
    transition-property: opacity;
  }
  .\[transition-duration\:150ms\] {
    transition-duration: 150ms;
  }
  .\[transition-duration\:200ms\] {
    transition-duration: 200ms;
  }
  .\[border-bottom\:1px_solid_var\(--ds-line\)\] {
    border-bottom: 1px solid var(--ds-line);
  }
  .\[border-top\:1px_solid_rgba\(247\,_243\,_234\,_0\.12\)\] {
    border-top: 1px solid rgba(247, 243, 234, 0.12);
  }
  .\[border\:0\] {
    border: 0;
  }
  .\[border\:1px_solid_var\(--ds-line\)\] {
    border: 1px solid var(--ds-line);
  }
  .\[clip-path\:inset\(50\%\)\] {
    clip-path: inset(50%);
  }
  .\[clip\:rect\(0_0_0_0\)\] {
    clip: rect(0 0 0 0);
  }
  .\[grid-area\:photo\] {
    grid-area: photo;
  }
  .\[grid-area\:season\] {
    grid-area: season;
  }
  .\[grid-area\:text\] {
    grid-area: text;
  }
  .\[grid-template-areas\:\"photo\"_\"text\"\] {
    grid-template-areas: "photo" "text";
  }
  .\[outline-style\:solid\] {
    outline-style: solid;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .placeholder\:text-\[color\:var\(--ds-muted\)\] {
    &::placeholder {
      color: var(--ds-muted);
    }
  }
  .hover\:bg-\[color\:var\(--ds-band\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-band);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-ink\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-ink);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-line\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-line);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-on-dark\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-on-dark);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-pine-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-pine-soft);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-band\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-band);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-ink);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-on-dark\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-on-dark);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-pine\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-pine);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:\[text-decoration-color\:currentColor\] {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: currentColor;
      }
    }
  }
  .hover\:\[box-shadow\:inset_0_0_0_1px_var\(--ds-pine\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: inset 0 0 0 1px var(--ds-pine);
      }
    }
  }
  .hover\:\[box-shadow\:var\(--ds-shadow-card-hover\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: var(--ds-shadow-card-hover);
      }
    }
  }
  .hover\:\[animation-play-state\:paused\] {
    &:hover {
      @media (hover: hover) {
        animation-play-state: paused;
      }
    }
  }
  .focus\:\[transform\:translateY\(0\)\] {
    &:focus {
      transform: translateY(0);
    }
  }
  .focus-visible\:\[outline-color\:var\(--ds-focus-on-dark\)\] {
    &:focus-visible {
      outline-color: var(--ds-focus-on-dark);
    }
  }
  .disabled\:\[cursor\:not-allowed\] {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:\[opacity\:0\.4\] {
    &:disabled {
      opacity: 0.4;
    }
  }
  .motion-reduce\:mx-\[auto\] {
    @media (prefers-reduced-motion: reduce) {
      margin-inline: auto;
    }
  }
  .motion-reduce\:block {
    @media (prefers-reduced-motion: reduce) {
      display: block;
    }
  }
  .motion-reduce\:hidden {
    @media (prefers-reduced-motion: reduce) {
      display: none;
    }
  }
  .motion-reduce\:w-full {
    @media (prefers-reduced-motion: reduce) {
      width: 100%;
    }
  }
  .motion-reduce\:\[grid-template-columns\:minmax\(0\,_1fr\)\] {
    @media (prefers-reduced-motion: reduce) {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .motion-reduce\:\[overflow\:visible\] {
    @media (prefers-reduced-motion: reduce) {
      overflow: visible;
    }
  }
  .motion-reduce\:text-center {
    @media (prefers-reduced-motion: reduce) {
      text-align: center;
    }
  }
  .motion-reduce\:\[white-space\:normal\] {
    @media (prefers-reduced-motion: reduce) {
      white-space: normal;
    }
  }
  .min-\[768px\]\:\[visibility\:visible\] {
    @media (width >= 768px) {
      visibility: visible;
    }
  }
  .min-\[768px\]\:absolute {
    @media (width >= 768px) {
      position: absolute;
    }
  }
  .min-\[768px\]\:top-\[32px\] {
    @media (width >= 768px) {
      top: 32px;
    }
  }
  .min-\[768px\]\:top-\[404px\] {
    @media (width >= 768px) {
      top: 404px;
    }
  }
  .min-\[768px\]\:\[bottom\:calc\(100\%_\+_16px\)\] {
    @media (width >= 768px) {
      bottom: calc(100% + 16px);
    }
  }
  .min-\[768px\]\:bottom-\[0\] {
    @media (width >= 768px) {
      bottom: 0;
    }
  }
  .min-\[768px\]\:left-\[20px\] {
    @media (width >= 768px) {
      left: 20px;
    }
  }
  .min-\[768px\]\:left-\[32px\] {
    @media (width >= 768px) {
      left: 32px;
    }
  }
  .min-\[768px\]\:left-\[296px\] {
    @media (width >= 768px) {
      left: 296px;
    }
  }
  .min-\[768px\]\:\[order\:-1\] {
    @media (width >= 768px) {
      order: -1;
    }
  }
  .min-\[768px\]\:\[order\:0\] {
    @media (width >= 768px) {
      order: 0;
    }
  }
  .min-\[768px\]\:\[order\:2\] {
    @media (width >= 768px) {
      order: 2;
    }
  }
  .min-\[768px\]\:\[order\:3\] {
    @media (width >= 768px) {
      order: 3;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_-1\] {
    @media (width >= 768px) {
      grid-column: 1 / -1;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_3\] {
    @media (width >= 768px) {
      grid-column: 1 / 3;
    }
  }
  .min-\[768px\]\:mx-\[0\] {
    @media (width >= 768px) {
      margin-inline: 0;
    }
  }
  .min-\[768px\]\:mx-\[auto\] {
    @media (width >= 768px) {
      margin-inline: auto;
    }
  }
  .min-\[768px\]\:mt-\[0\] {
    @media (width >= 768px) {
      margin-top: 0;
    }
  }
  .min-\[768px\]\:mt-\[16px\] {
    @media (width >= 768px) {
      margin-top: 16px;
    }
  }
  .min-\[768px\]\:mt-\[28px\] {
    @media (width >= 768px) {
      margin-top: 28px;
    }
  }
  .min-\[768px\]\:mt-\[40px\] {
    @media (width >= 768px) {
      margin-top: 40px;
    }
  }
  .min-\[768px\]\:mt-\[auto\] {
    @media (width >= 768px) {
      margin-top: auto;
    }
  }
  .min-\[768px\]\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .min-\[768px\]\:grid {
    @media (width >= 768px) {
      display: grid;
    }
  }
  .min-\[768px\]\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .min-\[768px\]\:inline-flex {
    @media (width >= 768px) {
      display: inline-flex;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:3_\/_1\] {
    @media (width >= 768px) {
      aspect-ratio: 3 / 1;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:3_\/_2\] {
    @media (width >= 768px) {
      aspect-ratio: 3 / 2;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:4_\/_5\] {
    @media (width >= 768px) {
      aspect-ratio: 4 / 5;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:auto\] {
    @media (width >= 768px) {
      aspect-ratio: auto;
    }
  }
  .min-\[768px\]\:h-\[1px\] {
    @media (width >= 768px) {
      height: 1px;
    }
  }
  .min-\[768px\]\:h-\[260px\] {
    @media (width >= 768px) {
      height: 260px;
    }
  }
  .min-\[768px\]\:h-\[360px\] {
    @media (width >= 768px) {
      height: 360px;
    }
  }
  .min-\[768px\]\:h-\[600px\] {
    @media (width >= 768px) {
      height: 600px;
    }
  }
  .min-\[768px\]\:h-\[664px\] {
    @media (width >= 768px) {
      height: 664px;
    }
  }
  .min-\[768px\]\:h-\[720px\] {
    @media (width >= 768px) {
      height: 720px;
    }
  }
  .min-\[768px\]\:h-\[auto\] {
    @media (width >= 768px) {
      height: auto;
    }
  }
  .min-\[768px\]\:min-h-\[0\] {
    @media (width >= 768px) {
      min-height: 0;
    }
  }
  .min-\[768px\]\:min-h-\[680px\] {
    @media (width >= 768px) {
      min-height: 680px;
    }
  }
  .min-\[768px\]\:\[width\:calc\(\(100\%_-_7_\*_24px\)_\/_8_\*_7_\+_6_\*_24px\)\] {
    @media (width >= 768px) {
      width: calc((100% - 7 * 24px) / 8 * 7 + 6 * 24px);
    }
  }
  .min-\[768px\]\:w-\[1px\] {
    @media (width >= 768px) {
      width: 1px;
    }
  }
  .min-\[768px\]\:w-\[70\%\] {
    @media (width >= 768px) {
      width: 70%;
    }
  }
  .min-\[768px\]\:w-\[260px\] {
    @media (width >= 768px) {
      width: 260px;
    }
  }
  .min-\[768px\]\:w-\[360px\] {
    @media (width >= 768px) {
      width: 360px;
    }
  }
  .min-\[768px\]\:w-\[460px\] {
    @media (width >= 768px) {
      width: 460px;
    }
  }
  .min-\[768px\]\:w-\[560px\] {
    @media (width >= 768px) {
      width: 560px;
    }
  }
  .min-\[768px\]\:w-\[720px\] {
    @media (width >= 768px) {
      width: 720px;
    }
  }
  .min-\[768px\]\:max-w-\[70\%\] {
    @media (width >= 768px) {
      max-width: 70%;
    }
  }
  .min-\[768px\]\:max-w-\[100\%\] {
    @media (width >= 768px) {
      max-width: 100%;
    }
  }
  .min-\[768px\]\:max-w-\[480px\] {
    @media (width >= 768px) {
      max-width: 480px;
    }
  }
  .min-\[768px\]\:max-w-\[560px\] {
    @media (width >= 768px) {
      max-width: 560px;
    }
  }
  .min-\[768px\]\:max-w-\[680px\] {
    @media (width >= 768px) {
      max-width: 680px;
    }
  }
  .min-\[768px\]\:min-w-\[0\] {
    @media (width >= 768px) {
      min-width: 0;
    }
  }
  .min-\[768px\]\:shrink-0 {
    @media (width >= 768px) {
      flex-shrink: 0;
    }
  }
  .min-\[768px\]\:\[flex-grow\:0\] {
    @media (width >= 768px) {
      flex-grow: 0;
    }
  }
  .min-\[768px\]\:\[flex-grow\:1\.6\] {
    @media (width >= 768px) {
      flex-grow: 1.6;
    }
  }
  .min-\[768px\]\:\[flex-grow\:1\] {
    @media (width >= 768px) {
      flex-grow: 1;
    }
  }
  .min-\[768px\]\:\[flex-basis\:0\] {
    @media (width >= 768px) {
      flex-basis: 0;
    }
  }
  .min-\[768px\]\:\[flex-basis\:auto\] {
    @media (width >= 768px) {
      flex-basis: auto;
    }
  }
  .min-\[768px\]\:\[scroll-margin-top\:200px\] {
    @media (width >= 768px) {
      scroll-margin-top: 200px;
    }
  }
  .min-\[768px\]\:\[grid-auto-flow\:column\] {
    @media (width >= 768px) {
      grid-auto-flow: column;
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:24px_minmax\(0\,_1fr\)\] {
    @media (width >= 768px) {
      grid-template-columns: 24px minmax(0, 1fr);
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:minmax\(0\,_1fr\)_minmax\(0\,_1fr\)_auto\] {
    @media (width >= 768px) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:repeat\(2\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .min-\[768px\]\:\[grid-template-rows\:repeat\(4\,_auto\)\] {
    @media (width >= 768px) {
      grid-template-rows: repeat(4, auto);
    }
  }
  .min-\[768px\]\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .min-\[768px\]\:flex-wrap {
    @media (width >= 768px) {
      flex-wrap: wrap;
    }
  }
  .min-\[768px\]\:items-center {
    @media (width >= 768px) {
      align-items: center;
    }
  }
  .min-\[768px\]\:items-end {
    @media (width >= 768px) {
      align-items: flex-end;
    }
  }
  .min-\[768px\]\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .min-\[768px\]\:gap-\[8px\] {
    @media (width >= 768px) {
      gap: 8px;
    }
  }
  .min-\[768px\]\:gap-\[12px\] {
    @media (width >= 768px) {
      gap: 12px;
    }
  }
  .min-\[768px\]\:gap-\[24px\] {
    @media (width >= 768px) {
      gap: 24px;
    }
  }
  .min-\[768px\]\:gap-\[32px\] {
    @media (width >= 768px) {
      gap: 32px;
    }
  }
  .min-\[768px\]\:gap-x-\[32px\] {
    @media (width >= 768px) {
      column-gap: 32px;
    }
  }
  .min-\[768px\]\:gap-y-\[24px\] {
    @media (width >= 768px) {
      row-gap: 24px;
    }
  }
  .min-\[768px\]\:gap-y-\[40px\] {
    @media (width >= 768px) {
      row-gap: 40px;
    }
  }
  .min-\[768px\]\:gap-y-\[48px\] {
    @media (width >= 768px) {
      row-gap: 48px;
    }
  }
  .min-\[768px\]\:overflow-hidden {
    @media (width >= 768px) {
      overflow: hidden;
    }
  }
  .min-\[768px\]\:\[overflow-x\:visible\] {
    @media (width >= 768px) {
      overflow-x: visible;
    }
  }
  .min-\[768px\]\:rounded-\[var\(--ds-radius-button\)\] {
    @media (width >= 768px) {
      border-radius: var(--ds-radius-button);
    }
  }
  .min-\[768px\]\:rounded-\[var\(--ds-radius-card\)\] {
    @media (width >= 768px) {
      border-radius: var(--ds-radius-card);
    }
  }
  .min-\[768px\]\:rounded-\[var\(--ds-radius-leaf\)\] {
    @media (width >= 768px) {
      border-radius: var(--ds-radius-leaf);
    }
  }
  .min-\[768px\]\:\[background-image\:linear-gradient\(0deg\,_rgba\(23\,_58\,_44\,_0\.55\)_0px\,_rgba\(23\,_58\,_44\,_0\)_160px\)\,_linear-gradient\(90deg\,_rgba\(23\,_58\,_44\,_0\.86\)_0\%\,_rgba\(23\,_58\,_44\,_0\.62\)_45\%\,_rgba\(23\,_58\,_44\,_0\.08\)_75\%\)\] {
    @media (width >= 768px) {
      background-image: linear-gradient(0deg, rgba(23, 58, 44, 0.55) 0px, rgba(23, 58, 44, 0) 160px), linear-gradient(90deg, rgba(23, 58, 44, 0.86) 0%, rgba(23, 58, 44, 0.62) 45%, rgba(23, 58, 44, 0.08) 75%);
    }
  }
  .min-\[768px\]\:\[object-position\:70\%_40\%\] {
    @media (width >= 768px) {
      object-position: 70% 40%;
    }
  }
  .min-\[768px\]\:p-\[8px\] {
    @media (width >= 768px) {
      padding: 8px;
    }
  }
  .min-\[768px\]\:px-\[20px\] {
    @media (width >= 768px) {
      padding-inline: 20px;
    }
  }
  .min-\[768px\]\:px-\[24px\] {
    @media (width >= 768px) {
      padding-inline: 24px;
    }
  }
  .min-\[768px\]\:px-\[32px\] {
    @media (width >= 768px) {
      padding-inline: 32px;
    }
  }
  .min-\[768px\]\:px-\[40px\] {
    @media (width >= 768px) {
      padding-inline: 40px;
    }
  }
  .min-\[768px\]\:py-\[0\] {
    @media (width >= 768px) {
      padding-block: 0;
    }
  }
  .min-\[768px\]\:py-\[12px\] {
    @media (width >= 768px) {
      padding-block: 12px;
    }
  }
  .min-\[768px\]\:py-\[20px\] {
    @media (width >= 768px) {
      padding-block: 20px;
    }
  }
  .min-\[768px\]\:py-\[80px\] {
    @media (width >= 768px) {
      padding-block: 80px;
    }
  }
  .min-\[768px\]\:\[padding-inline-start\:max\(40px\,_calc\(\(100\%_-_1200px\)_\/_2\)\)\] {
    @media (width >= 768px) {
      padding-inline-start: max(40px, calc((100% - 1200px) / 2));
    }
  }
  .min-\[768px\]\:\[padding-inline-end\:40px\] {
    @media (width >= 768px) {
      padding-inline-end: 40px;
    }
  }
  .min-\[768px\]\:pt-\[64px\] {
    @media (width >= 768px) {
      padding-top: 64px;
    }
  }
  .min-\[768px\]\:pr-\[40px\] {
    @media (width >= 768px) {
      padding-right: 40px;
    }
  }
  .min-\[768px\]\:pb-\[24px\] {
    @media (width >= 768px) {
      padding-bottom: 24px;
    }
  }
  .min-\[768px\]\:pl-\[0\] {
    @media (width >= 768px) {
      padding-left: 0;
    }
  }
  .min-\[768px\]\:text-left {
    @media (width >= 768px) {
      text-align: left;
    }
  }
  .min-\[768px\]\:text-\[length\:12px\] {
    @media (width >= 768px) {
      font-size: 12px;
    }
  }
  .min-\[768px\]\:text-\[length\:18px\] {
    @media (width >= 768px) {
      font-size: 18px;
    }
  }
  .min-\[768px\]\:text-\[length\:20px\] {
    @media (width >= 768px) {
      font-size: 20px;
    }
  }
  .min-\[768px\]\:text-\[length\:22px\] {
    @media (width >= 768px) {
      font-size: 22px;
    }
  }
  .min-\[768px\]\:text-\[length\:28px\] {
    @media (width >= 768px) {
      font-size: 28px;
    }
  }
  .min-\[768px\]\:text-\[length\:40px\] {
    @media (width >= 768px) {
      font-size: 40px;
    }
  }
  .min-\[768px\]\:text-\[length\:44px\] {
    @media (width >= 768px) {
      font-size: 44px;
    }
  }
  .min-\[768px\]\:text-\[length\:52px\] {
    @media (width >= 768px) {
      font-size: 52px;
    }
  }
  .min-\[768px\]\:tracking-\[2px\] {
    @media (width >= 768px) {
      --tw-tracking: 2px;
      letter-spacing: 2px;
    }
  }
  .min-\[768px\]\:\[white-space\:nowrap\] {
    @media (width >= 768px) {
      white-space: nowrap;
    }
  }
  .min-\[768px\]\:text-\[color\:var\(--ds-page\)\] {
    @media (width >= 768px) {
      color: var(--ds-page);
    }
  }
  .min-\[768px\]\:\[clip-path\:inset\(50\%\)\] {
    @media (width >= 768px) {
      clip-path: inset(50%);
    }
  }
  .min-\[768px\]\:\[grid-template-areas\:\"season_photo\"_\"\._text\"\] {
    @media (width >= 768px) {
      grid-template-areas: "season photo" ". text";
    }
  }
  .min-\[1024px\]\:\[visibility\:visible\] {
    @media (width >= 1024px) {
      visibility: visible;
    }
  }
  .min-\[1024px\]\:absolute {
    @media (width >= 1024px) {
      position: absolute;
    }
  }
  .min-\[1024px\]\:sticky {
    @media (width >= 1024px) {
      position: sticky;
    }
  }
  .min-\[1024px\]\:top-\[-200px\] {
    @media (width >= 1024px) {
      top: -200px;
    }
  }
  .min-\[1024px\]\:top-\[0\] {
    @media (width >= 1024px) {
      top: 0;
    }
  }
  .min-\[1024px\]\:top-\[120px\] {
    @media (width >= 1024px) {
      top: 120px;
    }
  }
  .min-\[1024px\]\:right-\[-160px\] {
    @media (width >= 1024px) {
      right: -160px;
    }
  }
  .min-\[1024px\]\:bottom-\[-320px\] {
    @media (width >= 1024px) {
      bottom: -320px;
    }
  }
  .min-\[1024px\]\:left-\[-36px\] {
    @media (width >= 1024px) {
      left: -36px;
    }
  }
  .min-\[1024px\]\:left-\[-240px\] {
    @media (width >= 1024px) {
      left: -240px;
    }
  }
  .min-\[1024px\]\:\[order\:0\] {
    @media (width >= 1024px) {
      order: 0;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_5\] {
    @media (width >= 1024px) {
      grid-column: 1 / 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_6\] {
    @media (width >= 1024px) {
      grid-column: 1 / 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_7\] {
    @media (width >= 1024px) {
      grid-column: 1 / 7;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_4\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 4;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_6\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:5_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 5 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:6_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 6 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:6_\/_span_7\] {
    @media (width >= 1024px) {
      grid-column: 6 / span 7;
    }
  }
  .min-\[1024px\]\:\[grid-column\:7_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 7 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:7_\/_span_6\] {
    @media (width >= 1024px) {
      grid-column: 7 / span 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:auto\] {
    @media (width >= 1024px) {
      grid-column: auto;
    }
  }
  .min-\[1024px\]\:\[grid-row\:1\] {
    @media (width >= 1024px) {
      grid-row: 1;
    }
  }
  .min-\[1024px\]\:mx-\[0\] {
    @media (width >= 1024px) {
      margin-inline: 0;
    }
  }
  .min-\[1024px\]\:mt-\[0px\] {
    @media (width >= 1024px) {
      margin-top: 0px;
    }
  }
  .min-\[1024px\]\:mt-\[24px\] {
    @media (width >= 1024px) {
      margin-top: 24px;
    }
  }
  .min-\[1024px\]\:mt-\[48px\] {
    @media (width >= 1024px) {
      margin-top: 48px;
    }
  }
  .min-\[1024px\]\:block {
    @media (width >= 1024px) {
      display: block;
    }
  }
  .min-\[1024px\]\:flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .min-\[1024px\]\:grid {
    @media (width >= 1024px) {
      display: grid;
    }
  }
  .min-\[1024px\]\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .min-\[1024px\]\:\[aspect-ratio\:3_\/_2\] {
    @media (width >= 1024px) {
      aspect-ratio: 3 / 2;
    }
  }
  .min-\[1024px\]\:\[aspect-ratio\:auto\] {
    @media (width >= 1024px) {
      aspect-ratio: auto;
    }
  }
  .min-\[1024px\]\:h-\[84px\] {
    @media (width >= 1024px) {
      height: 84px;
    }
  }
  .min-\[1024px\]\:h-\[380px\] {
    @media (width >= 1024px) {
      height: 380px;
    }
  }
  .min-\[1024px\]\:h-\[440px\] {
    @media (width >= 1024px) {
      height: 440px;
    }
  }
  .min-\[1024px\]\:h-\[680px\] {
    @media (width >= 1024px) {
      height: 680px;
    }
  }
  .min-\[1024px\]\:h-\[880px\] {
    @media (width >= 1024px) {
      height: 880px;
    }
  }
  .min-\[1024px\]\:h-\[auto\] {
    @media (width >= 1024px) {
      height: auto;
    }
  }
  .min-\[1024px\]\:min-h-\[320px\] {
    @media (width >= 1024px) {
      min-height: 320px;
    }
  }
  .min-\[1024px\]\:min-h-\[760px\] {
    @media (width >= 1024px) {
      min-height: 760px;
    }
  }
  .min-\[1024px\]\:\[width\:calc\(\(100\%_-_11_\*_32px\)_\/_12_\*_6_\+_5_\*_32px\)\] {
    @media (width >= 1024px) {
      width: calc((100% - 11 * 32px) / 12 * 6 + 5 * 32px);
    }
  }
  .min-\[1024px\]\:w-\[300px\] {
    @media (width >= 1024px) {
      width: 300px;
    }
  }
  .min-\[1024px\]\:w-\[560px\] {
    @media (width >= 1024px) {
      width: 560px;
    }
  }
  .min-\[1024px\]\:w-\[680px\] {
    @media (width >= 1024px) {
      width: 680px;
    }
  }
  .min-\[1024px\]\:w-\[880px\] {
    @media (width >= 1024px) {
      width: 880px;
    }
  }
  .min-\[1024px\]\:w-\[auto\] {
    @media (width >= 1024px) {
      width: auto;
    }
  }
  .min-\[1024px\]\:w-full {
    @media (width >= 1024px) {
      width: 100%;
    }
  }
  .min-\[1024px\]\:max-w-\[460px\] {
    @media (width >= 1024px) {
      max-width: 460px;
    }
  }
  .min-\[1024px\]\:max-w-\[760px\] {
    @media (width >= 1024px) {
      max-width: 760px;
    }
  }
  .min-\[1024px\]\:max-w-\[none\] {
    @media (width >= 1024px) {
      max-width: none;
    }
  }
  .min-\[1024px\]\:\[flex\:1_1_0\] {
    @media (width >= 1024px) {
      flex: 1 1 0;
    }
  }
  .min-\[1024px\]\:\[transform\:rotate\(180deg\)\] {
    @media (width >= 1024px) {
      transform: rotate(180deg);
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:auto_minmax\(0\,_1fr\)_auto\] {
    @media (width >= 1024px) {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:repeat\(3\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:repeat\(4\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:repeat\(12\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .min-\[1024px\]\:\[align-items\:start\] {
    @media (width >= 1024px) {
      align-items: start;
    }
  }
  .min-\[1024px\]\:items-center {
    @media (width >= 1024px) {
      align-items: center;
    }
  }
  .min-\[1024px\]\:items-stretch {
    @media (width >= 1024px) {
      align-items: stretch;
    }
  }
  .min-\[1024px\]\:justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .min-\[1024px\]\:gap-\[32px\] {
    @media (width >= 1024px) {
      gap: 32px;
    }
  }
  .min-\[1024px\]\:gap-x-\[24px\] {
    @media (width >= 1024px) {
      column-gap: 24px;
    }
  }
  .min-\[1024px\]\:gap-x-\[32px\] {
    @media (width >= 1024px) {
      column-gap: 32px;
    }
  }
  .min-\[1024px\]\:rounded-\[var\(--ds-radius-leaf\)\] {
    @media (width >= 1024px) {
      border-radius: var(--ds-radius-leaf);
    }
  }
  .min-\[1024px\]\:py-\[96px\] {
    @media (width >= 1024px) {
      padding-block: 96px;
    }
  }
  .min-\[1024px\]\:\[font-family\:var\(--ds-font-body\)\] {
    @media (width >= 1024px) {
      font-family: var(--ds-font-body);
    }
  }
  .min-\[1024px\]\:text-\[length\:12px\] {
    @media (width >= 1024px) {
      font-size: 12px;
    }
  }
  .min-\[1024px\]\:text-\[length\:40px\] {
    @media (width >= 1024px) {
      font-size: 40px;
    }
  }
  .min-\[1024px\]\:text-\[length\:48px\] {
    @media (width >= 1024px) {
      font-size: 48px;
    }
  }
  .min-\[1024px\]\:text-\[length\:68px\] {
    @media (width >= 1024px) {
      font-size: 68px;
    }
  }
  .min-\[1024px\]\:leading-\[1\.4\] {
    @media (width >= 1024px) {
      --tw-leading: 1.4;
      line-height: 1.4;
    }
  }
  .min-\[1024px\]\:\[font-weight\:700\] {
    @media (width >= 1024px) {
      font-weight: 700;
    }
  }
  .min-\[1024px\]\:tracking-\[4px\] {
    @media (width >= 1024px) {
      --tw-tracking: 4px;
      letter-spacing: 4px;
    }
  }
  .min-\[1024px\]\:\[white-space\:nowrap\] {
    @media (width >= 1024px) {
      white-space: nowrap;
    }
  }
  .min-\[1024px\]\:text-\[color\:var\(--ds-terracotta-deep\)\] {
    @media (width >= 1024px) {
      color: var(--ds-terracotta-deep);
    }
  }
  .min-\[1024px\]\:uppercase {
    @media (width >= 1024px) {
      text-transform: uppercase;
    }
  }
  .min-\[1024px\]\:\[writing-mode\:vertical-rl\] {
    @media (width >= 1024px) {
      writing-mode: vertical-rl;
    }
  }
  .min-\[1280px\]\:hidden {
    @media (width >= 1280px) {
      display: none;
    }
  }
  .min-\[1280px\]\:inline-flex {
    @media (width >= 1280px) {
      display: inline-flex;
    }
  }
  .min-\[1280px\]\:min-h-\[44px\] {
    @media (width >= 1280px) {
      min-height: 44px;
    }
  }
  .min-\[1280px\]\:items-center {
    @media (width >= 1280px) {
      align-items: center;
    }
  }
  .min-\[1280px\]\:gap-\[8px\] {
    @media (width >= 1280px) {
      gap: 8px;
    }
  }
  .min-\[1280px\]\:gap-\[24px\] {
    @media (width >= 1280px) {
      gap: 24px;
    }
  }
  .min-\[1280px\]\:gap-\[28px\] {
    @media (width >= 1280px) {
      gap: 28px;
    }
  }
  .min-\[1280px\]\:gap-x-\[32px\] {
    @media (width >= 1280px) {
      column-gap: 32px;
    }
  }
  .min-\[1280px\]\:\[font-family\:var\(--ds-font-body\)\] {
    @media (width >= 1280px) {
      font-family: var(--ds-font-body);
    }
  }
  .min-\[1280px\]\:text-\[length\:14px\] {
    @media (width >= 1280px) {
      font-size: 14px;
    }
  }
  .min-\[1280px\]\:leading-\[1\.4\] {
    @media (width >= 1280px) {
      --tw-leading: 1.4;
      line-height: 1.4;
    }
  }
  .min-\[1280px\]\:\[font-weight\:700\] {
    @media (width >= 1280px) {
      font-weight: 700;
    }
  }
  .min-\[1280px\]\:\[white-space\:nowrap\] {
    @media (width >= 1280px) {
      white-space: nowrap;
    }
  }
  .min-\[1280px\]\:text-\[color\:var\(--ds-ink\)\] {
    @media (width >= 1280px) {
      color: var(--ds-ink);
    }
  }
  .\[\&_a\:focus-visible\]\:\[outline-color\:var\(--ds-focus-on-dark\)\] {
    & a:focus-visible {
      outline-color: var(--ds-focus-on-dark);
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\]\:text-\[color\:var\(--ds-pine\)\] {
    & svg {
      color: var(--ds-pine);
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:before\]\:absolute {
    &::before {
      position: absolute;
    }
  }
  .\[\&\:\:before\]\:top-\[0\] {
    &::before {
      top: 0;
    }
  }
  .\[\&\:\:before\]\:top-\[2px\] {
    &::before {
      top: 2px;
    }
  }
  .\[\&\:\:before\]\:top-\[52px\] {
    &::before {
      top: 52px;
    }
  }
  .\[\&\:\:before\]\:top-\[56px\] {
    &::before {
      top: 56px;
    }
  }
  .\[\&\:\:before\]\:\[right\:calc\(\(100\%_-_96px\)_\/_8\)\] {
    &::before {
      right: calc((100% - 96px) / 8);
    }
  }
  .\[\&\:\:before\]\:bottom-\[56px\] {
    &::before {
      bottom: 56px;
    }
  }
  .\[\&\:\:before\]\:\[left\:calc\(\(100\%_-_96px\)_\/_8\)\] {
    &::before {
      left: calc((100% - 96px) / 8);
    }
  }
  .\[\&\:\:before\]\:left-\[-24px\] {
    &::before {
      left: -24px;
    }
  }
  .\[\&\:\:before\]\:left-\[0\] {
    &::before {
      left: 0;
    }
  }
  .\[\&\:\:before\]\:left-\[2px\] {
    &::before {
      left: 2px;
    }
  }
  .\[\&\:\:before\]\:h-\[4px\] {
    &::before {
      height: 4px;
    }
  }
  .\[\&\:\:before\]\:h-\[8px\] {
    &::before {
      height: 8px;
    }
  }
  .\[\&\:\:before\]\:w-\[4px\] {
    &::before {
      width: 4px;
    }
  }
  .\[\&\:\:before\]\:w-\[8px\] {
    &::before {
      width: 8px;
    }
  }
  .\[\&\:\:before\]\:rounded-\[var\(--ds-radius-round\)\] {
    &::before {
      border-radius: var(--ds-radius-round);
    }
  }
  .\[\&\:\:before\]\:bg-\[color\:var\(--ds-terracotta\)\] {
    &::before {
      background-color: var(--ds-terracotta);
    }
  }
  .\[\&\:\:before\]\:\[background-image\:var\(--ds-seed-row-dark\)\] {
    &::before {
      background-image: var(--ds-seed-row-dark);
    }
  }
  .\[\&\:\:before\]\:\[background-size\:4px_12px\] {
    &::before {
      background-size: 4px 12px;
    }
  }
  .\[\&\:\:before\]\:\[background-size\:12px_4px\] {
    &::before {
      background-size: 12px 4px;
    }
  }
  .\[\&\:\:before\]\:\[background-position\:center\] {
    &::before {
      background-position: center;
    }
  }
  .\[\&\:\:before\]\:\[background-position\:center_top\] {
    &::before {
      background-position: center top;
    }
  }
  .\[\&\:\:before\]\:\[background-repeat\:repeat-x\] {
    &::before {
      background-repeat: repeat-x;
    }
  }
  .\[\&\:\:before\]\:\[background-repeat\:repeat-y\] {
    &::before {
      background-repeat: repeat-y;
    }
  }
  .\[\&\:\:before\]\:\[content\:\"\"\] {
    &::before {
      content: "";
    }
  }
  .min-\[768px\]\:\[\&\:\:before\]\:hidden {
    @media (width >= 768px) {
      &::before {
        display: none;
      }
    }
  }
  .\[\&\:has\(input\:checked\)\]\:bg-\[color\:var\(--ds-page\)\] {
    &:has(input:checked) {
      background-color: var(--ds-page);
    }
  }
  .\[\&\:has\(input\:checked\)\]\:text-\[color\:var\(--ds-terracotta-deep\)\] {
    &:has(input:checked) {
      color: var(--ds-terracotta-deep);
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-width\:3px\] {
    &:has(input:focus-visible) {
      outline-width: 3px;
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-offset\:2px\] {
    &:has(input:focus-visible) {
      outline-offset: 2px;
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-color\:var\(--ds-focus-on-dark\)\] {
    &:has(input:focus-visible) {
      outline-color: var(--ds-focus-on-dark);
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-style\:solid\] {
    &:has(input:focus-visible) {
      outline-style: solid;
    }
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:bg-\[color\:var\(--ds-pine-soft\)\] {
    &:hover:not(:disabled) {
      background-color: var(--ds-pine-soft);
    }
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:text-\[color\:var\(--ds-pine\)\] {
    &:hover:not(:disabled) {
      color: var(--ds-pine);
    }
  }
  .\[\&\:not\(\:first-of-type\)\]\:\[border-left-width\:1px\] {
    &:not(:first-of-type) {
      border-left-width: 1px;
    }
  }
  .\[\&\:not\(\:first-of-type\)\]\:\[border-left-style\:solid\] {
    &:not(:first-of-type) {
      border-left-style: solid;
    }
  }
  .\[\&\:not\(\:first-of-type\)\]\:\[border-left-color\:rgba\(247\,_243\,_234\,_0\.4\)\] {
    &:not(:first-of-type) {
      border-left-color: rgba(247, 243, 234, 0.4);
    }
  }
  .\[\&\>img\]\:absolute {
    &>img {
      position: absolute;
    }
  }
  .\[\&\>img\]\:inset-\[0\] {
    &>img {
      inset: 0;
    }
  }
  .\[\&\[aria-current\=\"page\"\]\]\:\[font-weight\:700\] {
    &[aria-current="page"] {
      font-weight: 700;
    }
  }
  .\[\&\[aria-current\=\"page\"\]\]\:text-\[color\:var\(--ds-pine\)\] {
    &[aria-current="page"] {
      color: var(--ds-pine);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:bg-\[color\:var\(--ds-pine\)\] {
    &[aria-selected="true"] {
      background-color: var(--ds-pine);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:text-\[color\:var\(--ds-on-primary\)\] {
    &[aria-selected="true"] {
      color: var(--ds-on-primary);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:\[box-shadow\:inset_0_0_0_1px_var\(--ds-pine\)\] {
    &[aria-selected="true"] {
      box-shadow: inset 0 0 0 1px var(--ds-pine);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:hover\:bg-\[color\:var\(--ds-pine\)\] {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--ds-pine);
        }
      }
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:\[\&_svg\]\:text-\[color\:var\(--ds-on-primary\)\] {
    &[aria-selected="true"] {
      & svg {
        color: var(--ds-on-primary);
      }
    }
  }
  .\[\@media\(prefers-reduced-motion\:_no-preference\)\]\:hover\:\[transform\:translateY\(-4px\)\] {
    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        @media (hover: hover) {
          transform: translateY(-4px);
        }
      }
    }
  }
  .\[\[aria-expanded\=\"true\"\]_\&\]\:block {
    [aria-expanded="true"] & {
      display: block;
    }
  }
  .\[\[aria-expanded\=\"true\"\]_\&\]\:hidden {
    [aria-expanded="true"] & {
      display: none;
    }
  }
  .\[\[aria-expanded\=\"true\"\]\>\&\]\:flex {
    [aria-expanded="true"]>& {
      display: flex;
    }
  }
  .\[\[aria-expanded\=\"true\"\]\>\&\]\:hidden {
    [aria-expanded="true"]>& {
      display: none;
    }
  }
  .\[section\:has\(\#cta-strip-pause\:checked\)_\&\]\:\[animation-play-state\:paused\] {
    section:has(#cta-strip-pause:checked) & {
      animation-play-state: paused;
    }
  }
}
@layer base {
  @layer base {
    :root {
      --ds-page: #F7F3EA;
      --ds-tint: #EEE7D6;
      --ds-surface: #FFFFFF;
      --ds-ink: #232220;
      --ds-body: #57534B;
      --ds-muted: #6F6A61;
      --ds-line: #DDD5C4;
      --ds-pine: #2F7254;
      --ds-pine-soft: #DCE8DF;
      --ds-band: #173A2C;
      --ds-terracotta: #A9502F;
      --ds-terracotta-deep: #8F4126;
      --ds-clay: #F2C4A8;
      --ds-on-dark: #F7F3EA;
      --ds-on-dark-muted: #C9D3CC;
      --ds-footer: #1D1C1A;
      --ds-on-primary: #FFFFFF;
      --ds-focus: #2F7254;
      --ds-focus-on-dark: #F2C4A8;
      --ds-radius-button: 50px;
      --ds-radius-card: 12px;
      --ds-radius-chip: 50px;
      --ds-radius-field: 8px;
      --ds-radius-image: 0px;
      --ds-radius-round: 50%;
      --ds-radius-leaf: 96px 0 0 0;
      --ds-radius-leaf-sm: 48px 0 0 0;
      --ds-shadow-card: 0 16px 40px rgba(35, 34, 32, 0.08);
      --ds-shadow-card-hover: 0 24px 48px rgba(35, 34, 32, 0.12);
      --ds-space-1: 4px;
      --ds-space-2: 8px;
      --ds-space-3: 12px;
      --ds-space-4: 16px;
      --ds-space-5: 20px;
      --ds-space-6: 24px;
      --ds-space-8: 32px;
      --ds-space-10: 40px;
      --ds-space-12: 48px;
      --ds-space-16: 64px;
      --ds-space-20: 80px;
      --ds-space-24: 96px;
      --ds-space-30: 120px;
      --ds-seed-row: radial-gradient(circle, #DDD5C4 2px, transparent 2.5px);
      --ds-seed-row-dark: radial-gradient(circle, rgba(201, 211, 204, 0.4) 2px, transparent 2.5px);
      --ds-font-heading: "Spectral", Georgia, serif;
      --ds-font-body: "Karla", system-ui, sans-serif;
    }
    *, ::after, ::before, ::backdrop {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      border: 0 solid;
    }
    html {
      line-height: 1.5;
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      -webkit-tap-highlight-color: transparent;
      -webkit-font-smoothing: antialiased;
    }
    body {
      background: var(--ds-page);
      color: var(--ds-body);
      font-family: var(--ds-font-body);
    }
    h1, h2, h3, h4, h5, h6 {
      font-size: inherit;
      font-weight: inherit;
    }
    a {
      color: inherit;
      text-decoration: inherit;
    }
    b, strong {
      font-weight: bolder;
    }
    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 {
      font: inherit;
      letter-spacing: inherit;
      color: inherit;
      border-radius: 0;
      background-color: transparent;
      opacity: 1;
    }
    button, input:where([type='button'], [type='reset'], [type='submit']) {
      appearance: button;
    }
    ::placeholder {
      opacity: 1;
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    textarea {
      resize: vertical;
    }
    summary {
      display: list-item;
    }
    summary::-webkit-details-marker {
      display: none;
    }
    :focus-visible {
      outline: 3px solid var(--ds-focus);
      outline-offset: 2px;
    }
    @media (prefers-reduced-motion: reduce) {
      * {
        transition: none !important;
        animation: none !important;
      }
    }
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-leading: initial;
      --tw-tracking: initial;
    }
  }
}