*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-sans), system-ui, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(--font-mono), ui-monospace, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
    /* ── The colour outside the page ──────────────────────────────────────────
       Overscroll — the rubber-band at the top and bottom of a trackpad scroll,
       and the area beyond the document on a large screen — is painted from the
       ROOT element, not from any container inside it. Version 6 paints its own
       near-black on a div, so scrolling past the end of the page showed the
       ported theme's off-white around the edges of an otherwise black shop.

       Scoped with :has() to the storefront that wants it, so versions 1 to 5
       keep the light ground they were ported with. The attribute is set on the
       layout wrapper in src/app/(shop)/layout.tsx. */
    /* ── The dashboard's overscroll ───────────────────────────────────────────
       Same trick, same reason. The dashboard shell is an opaque #0d0c0b div, so
       it covers the body's box and the body's own colour paints only in the
       overscroll strip — which was still the ported light theme's near-white,
       so rubber-banding a dark screen flashed white.

       #0d0c0b, the PAGE colour, not the black the storefront uses. The two ends
       differ here: the top abuts the black header, which already has a
       border-b under it to mark the boundary, and the bottom abuts the page
       with nothing between them. Matching the page makes the seam that has no
       line invisible, and leaves the one that does have a line where it was. */
    html:has([data-admin-shell]),
    html:has([data-admin-shell]) body {
        background-color: #0d0c0b;
    }

    /* ── The error screen ─────────────────────────────────────────────────
       The rules below key on the shell the page rendered — the dashboard's, or
       the storefront's. An error boundary REPLACES that tree, so neither
       attribute is in the document any more and the body fell back to the
       ported light theme's near-white: a black error page in a white window,
       which is exactly the moment to look least broken.

       `data-ebp-error` is already on the screen for the rule that stands the
       assistant down; this is the same hook doing the other half of the job. */
    html:has([data-ebp-error]),
    html:has([data-ebp-error]) body {
        background-color: #000000;
    }

    html:has([data-storefront="v6"]),
    html:has([data-storefront="v6"]) body {
        /* Pure black rather than the page's #0d0c0b: the overscroll abuts the
           header at the top and the footer at the bottom, and both of those are
           bg-black. Matching the page instead would put a faint seam against
           the two things this colour is actually next to. */
        background-color: #000000;
    }

    /* ── The ground ───────────────────────────────────────────────────────────
       Widening SHELL (ui.ts) helped but did not fully answer "the sides of the
       page feel empty" — a flat colour reads as empty at any width, wide
       columns of it just make more of it.

       Two jobs, two mechanisms. The grain is TEXTURE: what the ground is
       made of, read at arm's length. The edge bands are DEPTH: light catching
       the sides of the page, read at a glance. Either alone answers half of
       "flat" — texture with no light is an evenly dirty black, light with no
       texture is a smooth wash with no material to it.

       The grain is leather pebble, the one texture the product itself already
       carries. Fractal noise through a saturate-0 filter rather than a tiled
       dot: a single circle on a 10px tile — which is what this was first — is
       REGULAR, and regular fine texture reads as a halftone screen or a dirty
       monitor rather than as leather. Noise on a 200px tile has no repeat to
       find and no colour cast to correct.

       The lights are `accent-5` ember, one down each edge, and they are
       elements rather than background layers — see Ground.tsx for why, and
       for the geometry. They were three radial pools at one point, including
       one over the fold; the pools were replaced by bands because a circle
       large enough to reach the top and bottom of a phone is also deep enough
       to wash into the middle of the page, and the top one was lighting the
       same place the gold bar now occupies.

       Alphas live in the custom properties below, so tuning any of this is a
       number rather than a rewritten rule. Keep them where the sections' own
       translucent tints (bg-white/[0.06], /[0.03], /[0.02]) still read as
       distinct bands — those bands are what separate the offer from the
       process from the catalogue, and they can only be read against a ground
       quieter than they are.

       A COLD light was tried too and is deliberately not here: `midnight-ink`
       pooling bottom-left at a much heavier 0.42. It was the only colour in
       the set not otherwise in the storefront's palette, and it did the
       opposite job to the rest — deepening a corner rather than lighting one.
       Against a warm-only ground it read as a cold cast on the bottom of the
       page rather than as depth, measurably so: it moved that corner from a
       neutral 19.5/19.5/19.5 to a blue-shifted 26.9/29.7/31.0.

       Its var is dropped rather than kept at 0. A custom property set to zero
       is an invitation to turn it back up, and this was a decision, not a
       setting that happens to be off.

       Alphas live in the custom properties, so tuning any of this is a
       number rather than a rewritten `background-image`. Keep them where the
       sections' own translucent tints (bg-white/[0.06], /[0.03], /[0.02])
       still read as distinct bands — those bands are what separate the offer
       from the process from the catalogue, and they can only be read against
       a ground quieter than they are.

       Attachment differs per layer and that is deliberate. The grain SCROLLS,
       because a fixed texture slides under the content and reads as a screen
       door held in front of the page. The lights are FIXED, because a light
       source that scrolls away stops being a light source and becomes a
       smudge that happens to be on the hero.

       On the STOREFRONT DIV, not the body. The div is `bg-black` — an OPAQUE
       background on an element that is `min-h-screen` and grows with its
       content, so it covers the body's box completely and an ancestor's
       background paints first. Set on the body, this painted only in the
       overscroll strip, i.e. nowhere a visitor looks, which is exactly how
       the first version of the grain behaved for as long as it was there.
       Anything decorative for this design has to sit on the div or inside it;
       the body rule above is correct only because colour is all it sets, and
       the html half of that pair is what actually paints the overscroll.

       No specificity fight with `bg-black`, despite the two selectors tying
       at (0,1,0) and the utility layer coming later: `bg-black` sets
       background-COLOR and this sets background-IMAGE, so they compose rather
       than compete. The image paints over the colour on the same box, which
       is what keeps the ground black under layers that are all a few percent
       opaque.

       Inline SVG data URI, not an image file — no network request, scales to
       any pixel density without a raster asset, and the whole pattern is one
       filter, cheaper to keep here than in /public. */
    /* ── The grain, declared at the root ──────────────────────────────────────
       A url() held in a property, because the noise opacity is baked into the
       SVG and cannot itself be a var(). 0.09: texture a visitor notices rather
       than only feels, chosen off a four-rung ladder (0.035 / 0.06 / 0.09 /
       0.12) rather than typed.

       Declared on `:root` rather than on the storefront div, and the reason is
       the assistant: its panel is mounted in the ROOT layout, outside every
       storefront wrapper, so a property declared on that wrapper never reached
       it — `.ebp-panel-grain` on the panel resolved to no image at all.
       Declaring is not using: only elements that ASK for it get grain, and the
       list of those is still version 6's alone. */
    :root {
        --ground-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");
    }

    [data-storefront="v6"] {

        /* The key light: `accent-6` gold, over the fold. */
        --ground-key: 214, 156, 40;
        --ground-key-alpha: 0.13;
        --ground-key-pos: 50% -8%;

        /* The accent pair: `accent-5` ember, both edges, level with the middle
           of the window.

           0.089 is not a taste value — it is what holds ember at the same
           luminance the `contrast` oxblood held at 0.20, which is how the two
           colours were compared without brightness deciding it:

               0.20 x lum(#702b2b) / lum(#b87e0a) = 0.20 x 57.7 / 129.9

           Change the colour and this alpha has to be recomputed with it, or
           the next comparison is against a brighter page rather than a
           different one. */
        --ground-accent: 184, 126, 10;
        --ground-accent-alpha: 0.055;
        /* Per-side alphas, both defaulting to the pair's value above, so the
           two edges are one number until something makes them two.

           They are two on a phone. The right edge reads weaker there than the
           left at identical values — reported from a real device, and NOT
           reproducible here: with the page content hidden so only the ground
           is measured, the two sides come out within 0.3 to 0.96 luminance of
           each other, under 6%, with the left marginally brighter. So the
           compensation below is calibrated to a phone rather than derived, and
           it is the one number in this file that should be trusted less than
           the eye looking at it. */
        --ground-accent-pos-right: 100% 46%;
        /* The mirror of the line above. Written as its own property rather
           than derived, so the symmetry is visible in the file: if these two
           ever stop being reflections it should be because somebody typed
           that, not because a calc drifted. */
        --ground-accent-pos-left: 0% 46%;

        /* ── Why the sizes are viewport units ─────────────────────────────
           These were 1200px×620px and 900px×520px, which is a light that
           means something different on every screen. At 1800px wide the key
           light is two thirds of the viewport and reads as coming FROM
           somewhere; at 390px it is three times the viewport and the phone
           just gets a uniformly warmer black, with the position doing
           nothing at all.

           The accent size below is that same pixel size expressed against an
           1800×1000 window — 900/1800 = 50vw, 520/1000 = 52svh — so a desktop
           at that size is unchanged and every narrower screen gets the same
           light in proportion. That is what keeps the edge pair reading as two
           lights with the content standing between them on a phone, rather
           than overlapping into one wash across the screen.

           svh, not vh or dvh: dvh changes as mobile browser chrome hides on
           scroll, and a background that resizes mid-scroll repaints for no
           reason a visitor could name.

           ── The key light is deliberately tighter than that conversion ──
           It converted to 67vw × 62svh and was pulled in to 50 × 46. A radial
           gradient reaches 70% of its radius before it is fully transparent,
           so from a centre at -8% the old vertical radius put warm light as
           far down as -8% + (0.7 × 62) = 35% of the window — a third of the
           way down the page, which is past the hero copy and well into where
           the eye is reading. It stopped being a light above the fold and
           became a wash over the top third.

           At 46svh that edge lands at 24% instead, which keeps the source
           over the fold where it belongs. The horizontal cut from 67vw to
           50vw is the same argument sideways: a light wider than the content
           measure lights the whole band evenly and so reads as no light at
           all. Both numbers are the visible extent, not the radius — that
           0.7 factor is the thing to reason with when tuning these. */
        --ground-key-size: 50vw 46svh;
        --ground-accent-size: 50vw 52svh;

        /* The grain, and only the grain. The three lights used to be layers
           two, three and four here; they are elements now — see
           src/components/storefront/Ground.tsx for why. This one stays a background
           because it is the material the page is printed on and it is supposed
           to scroll with it. */
        background-image: var(--ground-grain);
        background-attachment: scroll;
        background-repeat: repeat;
    }

    /* ── The lights are smaller on a phone ────────────────────────────────────
       Sizing the radials in viewport units fixed one problem and created a
       subtler one. It made the lights scale with the screen, so "left edge"
       still means the left edge on a phone — but a proportional light on a
       390px screen is a much LARGER share of what the eye takes in at once,
       because a phone is held closer and shows one column instead of three.

       The arithmetic, at 390px, with the desktop numbers: each edge light has
       a 50vw radius, so 195px, and a radial gradient is fully transparent at
       70% of its radius — 136px of reach from each edge. Two of them leave
       117px of unlit ground in a 390px screen. The ground was 30% ground and
       70% glow, which is not a light in a room, it is a room made of light.

       These numbers put that back to roughly a third: 26vw of radius reaches
       71px, so the pair holds the outer 36% and the middle 64% is the black
       the design is actually built on. The key light comes down with them —
       left alone at 46svh it would have been the only thing still oversized,
       which reads as a spotlight rather than as the top of a lit room.

       Colour and alpha are deliberately untouched. Those were chosen against
       a luminance calculation and against the section tints, and neither of
       those changes with the width of the screen — this is a question of how
       MUCH of the screen the light covers, not how bright it is.

       At `sm` (640px), matching the breakpoint the header and every other
       mobile rule in this project turn at. */
    @media (max-width: 639px) {
        [data-storefront="v6"] {
            --ground-key-size: 70vw 30svh;
            --ground-accent-size: 26vw 34svh;

            /* ── Quieter than the desktop pair ────────────────────────────
               Down from 0.089. Not because the two edges disagree — they do
               not, and it is worth writing down that they were checked: with
               the page content hidden so only the ground is measured, the
               left and right edges come out within 0.3 to 0.96 of each other
               in luminance, under 6%, with the LEFT marginally the brighter
               of the two.

               What differs is what sits on top of them. The left edge runs
               past the headline, the paragraph and a black button for most of
               the page; the right edge runs past open ground. The same light
               reads stronger next to a dark block than next to nothing, which
               is why the left looks like the louder one and no change to the
               right could have fixed it.

               So the pair comes down together, to the level the quieter-
               looking side was already reading at. Desktop keeps 0.089: there
               the content sits in a 1400px measure with wide margins either
               side, so both lights fall on open ground and neither is being
               read against a text block. */
            /* ── Equal again ─────────────────────────────────────────────
               These were 0.065 on the left and 0.085 on the right, a
               compensation for the right-hand light reading weak on a real
               phone back when the lights were radial pools whose centres sat
               ON the screen edges — half of each lobe off screen, so anything
               that trimmed the edge took the brightest part with it.

               The geometry is a band now: it starts at the edge and runs
               inward, so nothing is off screen to lose. The compensation
               outlived the thing it compensated for and simply made the left
               side dimmer — 0.065 against 0.085 is most of a stop, and with
               the two shimmers out of phase the gap widened to nearly double
               at the extremes. Reported, correctly, as the left band being
               invisible.

               One value for both sides. If they ever need to differ again,
               the per-side properties are still there. */
            /* ── Not equal, on purpose, and not from measurement ─────────
               Every measurement here says these two bands are identical: same
               gradient, same animation, same phase, mirrored geometry, and
               mirrored pixel columns matching to within 0.05 luminance past
               the first three pixels. On a real phone the left one is reported
               as invisible while the right reads well, repeatedly, across
               every version of this the geometry has had.

               So this is calibrated to the device rather than to the numbers.
               The left is set well above the right until it LOOKS matched;
               nothing here supports the ratio and no test will justify it.

               This is the dial: raise or lower the left value until the two
               sides look the same on the phone, and ignore what the maths
               says they should be. If the two ever look equal at equal
               values, set them back to equal — the asymmetry is a workaround,
               not a design.

               THE RATIO IS NOT A GUESS ANY MORE. Setting both to 0.17 and
               sampling the rendered pixels, one band at a time, with the
               breathe frozen at opacity 1:

                   no bands      left edge  5.3   right edge  8.5   mid 8.7
                   left only     left edge 21.2   right edge  8.5
                   right only    left edge  5.3   right edge 35.3

               So the same alpha adds 15.9 on the left and 26.8 on the right —
               the right band paints about 1.7x the left — and the page's own
               background is already 3 units darker at its left edge than its
               right. Both compound, and 0.08 against 0.17 is what lands the
               two edges on the same value. The old 0.043/0.085 pair was the
               same ratio at half the brightness, which is why it looked
               matched.

               On the LEVEL: 0.089 measured out at an effective 0.07 once the
               breathe animation's 0.82 was applied — about rgb(13, 9, 1) over
               black, which nobody can see on a phone in daylight. Two rounds of
               "more subtle" each did the right thing and the second went past
               the floor. To change the brightness, scale BOTH numbers by the
               same factor and the match holds. */
            /* Nothing to correct any more. This block carried a
               left/right imbalance for the two edge bands — the right one
               painted about 1.7x the left at the same alpha, measured — and a
               wash that covers the whole area has no sides to mismatch. Left
               empty rather than deleted: it is the place a phone-only tweak
               goes if one is ever needed again. */
        }
    }

    /* ── The lights, as elements ──────────────────────────────────────────────
       Two, one down each side, and nothing across the top.

       They are LINEAR now, not radial. A radial light is a pool with a centre,
       and a pool has to be large to reach top and bottom of a tall screen —
       which made it deep as well as tall, so it crept a long way into the
       middle of the page. A gradient running inward from the edge is thin by
       construction: it spans the full height because it is a band rather than a
       circle, and it stops where it is told to.

       Ten percent of the width each side, which at 390px is about 39px — enough
       to read as light catching the edge of the page and not enough to be
       something the content sits on top of.

       The key light over the fold is gone with them. It lit the top of the page
       where the gold bar now is, and two things doing the same job in the same
       place is one thing too many.

       They read the same custom properties as before, so every dial still works
       from one place: the alphas above, the phone overrides below, and the
       `data-ebp-ground="flat"` opt-out that zeroes them on the cart.

       ── The shimmer ──────────────────────────────────────────────────────────
       Opacity only. It was opacity plus a scale, and a scale on a band moves
       the edge it is anchored to — the whole point of a band is that its edge
       is the screen's edge. Two durations that do not divide into one another,
       so the two sides never brighten together and the movement never resolves
       into a pulse. */
    /* ── One wash, not two bands ──────────────────────────────────────────
       It was a gradient down each edge, ten percent of the width a side. That
       shape had a real cost: the only place it could be seen was the page's
       margin, so anything sitting near the edge — a product tile, an input —
       either blocked it or let it read straight through, and every fix was
       about one element at a time.

       A flat wash over the whole area has none of that. It also cannot be
       asymmetric, which retires the left/right pair and the 1.7x rendering
       difference between them that the old comment here documents.

       The chrome excludes ITSELF rather than being cut out: the header, the
       action bar and the footer are all opaque, so the wash stops at them with
       no arithmetic. The layer's own insets handle the two bars on a phone,
       where they are fixed and the wash would otherwise sit under them.

       Level: a wash covers every pixel, so the alpha that reads as a hint here
       is a fraction of what an edge band needed. 0.055 lands about nine units
       above black, which is roughly what the bands peaked at in their brightest
       column — the same strength of light, spread out instead of stacked at
       the sides. */
    .ebp-ground-wash {
        position: absolute;
        inset: 0;
        background-color: rgba(var(--ground-accent), var(--ground-accent-alpha));
        will-change: opacity;
        /* ── The shimmer ──────────────────────────────────────────────────
           Opacity only, one animation, one phase. The pair of bands this
           replaces ran two staggered animations for a while — 0.75→1.05 over
           17s against 1.05→0.75 over 23s — so that at load one side was forty
           percent dimmer than the other and stayed that way for several
           seconds. That is the whole story of an asymmetry that took a long
           time to find, and a single element cannot repeat it. */
        animation: ebp-ground-breathe 19s ease-in-out infinite alternate;
    }

    @keyframes ebp-ground-breathe {
        from {
            opacity: 0.82;
        }
        to {
            opacity: 1;
        }
    }

    /* Movement in the scenery is the first thing somebody who has asked for
       less of it wants gone, and it conveys nothing — the lights do their job
       standing still. */
    @media (prefers-reduced-motion: reduce) {
        .ebp-ground-wash {
            animation: none;
            opacity: 1;
        }
    }

    /* ── The football mark's spin ─────────────────────────────────────────────
       Restored: these rules were deleted by accident when the ground lights
       were reworked from radial pools into edge bands — the replaced range ran
       straight through them — and the mark sat still for several rounds before
       anybody noticed. Worth stating so the next person editing this file
       treats the block boundaries as load-bearing.

       A spiral turns about the ball's LONG axis, so a point on the leather
       travels perpendicular to it: over the top, across the face, away round
       the bottom. `translateY` carries the laces; `scaleY` foreshortens them
       towards the axis as they approach either edge, which is what makes a
       flat shape read as a round one turning. The second half of the cycle is
       the far side of the ball, so they are simply not there.

       `transform-box: view-box` so the origin is read in the SVG's own
       coordinates, and `26px 24px` because that is the ball's centre — the
       axis the laces squeeze towards. */
    @keyframes ebp-mark-spin {
        0% {
            transform: translateY(-8.5px) scaleY(0.05);
            opacity: 0;
        }
        8% {
            transform: translateY(-7px) scaleY(0.4);
            opacity: 1;
        }
        25% {
            transform: translateY(0) scaleY(1);
            opacity: 1;
        }
        42% {
            transform: translateY(7px) scaleY(0.4);
            opacity: 1;
        }
        50% {
            transform: translateY(8.5px) scaleY(0.05);
            opacity: 0;
        }
        100% {
            transform: translateY(-8.5px) scaleY(0.05);
            opacity: 0;
        }
    }

    .ebp-mark-spin {
        transform-box: view-box;
        transform-origin: 26px 24px;
        animation: ebp-mark-spin 0.9s linear infinite;
    }

    /* ── The slipstream pulses ────────────────────────────────────────────────
       Opacity, not size: a line changing LENGTH reads as an object being
       stretched and the eye tracks its moving end. Wind is streaks of air
       catching the light and losing it — a change of intensity at a constant
       length. Each line has its own floor and ceiling because they are drawn at
       different weights, and a shared range would flatten that every time it
       peaked. */
    @keyframes ebp-mark-wind {
        0%,
        100% {
            opacity: var(--ebp-wind-low);
        }
        50% {
            opacity: var(--ebp-wind-high);
        }
    }

    .ebp-mark-wind-1,
    .ebp-mark-wind-2,
    .ebp-mark-wind-3 {
        animation-name: ebp-mark-wind;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    .ebp-mark-wind-1 {
        --ebp-wind-low: 0.12;
        --ebp-wind-high: 0.6;
        animation-duration: 1.7s;
    }

    .ebp-mark-wind-2 {
        --ebp-wind-low: 0.25;
        --ebp-wind-high: 1;
        animation-duration: 2.3s;
        animation-delay: -0.8s;
    }

    .ebp-mark-wind-3 {
        --ebp-wind-low: 0.08;
        --ebp-wind-high: 0.45;
        animation-duration: 1.9s;
        animation-delay: -1.4s;
    }

    /* A logo that will not stop moving is the first thing somebody who has
       asked for less motion wants gone. */
    @media (prefers-reduced-motion: reduce) {
        .ebp-mark-spin,
        .ebp-mark-wind-1,
        .ebp-mark-wind-2,
        .ebp-mark-wind-3 {
            animation: none;
        }
    }

    /* ── A flat ground, where the page is the whole point ─────────────────────
       The lights are for a long marketing page: they give a scroll somewhere to
       go and something to sit against. A cart is not that. It is a short list
       of what you are about to pay for, and warm pools of light drifting behind
       the numbers is decoration over the one screen on the site where nothing
       should be competing with the figures.

       The GRAIN stays. It is what the ground is made of, and turning it off as
       well would make the cart the one page on the site printed on a different
       material. Only the three lights go out.

       Set by `data-ebp-ground="flat"` on the page's own wrapper, so a page opts
       out for itself rather than the ground needing to know a list of routes.
       Same `:has()` reach-up as the rules below it.

       The ERROR page joins it, and for a stronger version of the same reason.
       Warm light drifting up both edges of "Something went wrong" reads as
       decoration on a page that is apologising — and the error boundary already
       hides the header, the footer and the assistant for exactly that reason
       (see the `[data-ebp-error]` rules further down). It matches on the same
       attribute rather than adding `data-ebp-ground` to that page, because a
       failure state should not have to remember to opt out of anything. */
    /* ── A screen that sheds the chrome ───────────────────────────────────
       The chooser at the root asks one question and offers two answers. A
       header over it carries a wordmark, an animated mark, a hamburger, an
       account control and a cart — five ways out of a screen that exists to
       get one tap. So the page marks itself and the header goes.

       The footer goes with it, and for the same reason rather than a different
       one: a column of secondary links, an address, opening hours, social
       icons and a trademark notice under a two-answer question is another
       fifteen ways out. It is all still one tap away through either door — the
       shop page and every page below it carries the full footer — and the
       legal notices belong on the pages where somebody is actually buying.

       `no-footer` is the same trade with the header kept: the shop page is a
       grid of tiles and nothing else, and a visitor who reaches the bottom of
       it has reached the bottom of the catalogue, not a place to be offered
       fifteen more links. It keeps its header, because a grid with no way out
       of it is not a shop.

       `display: none` rather than a second layout: the shop's layout also owns
       the storefront wrapper, the ground, the footer and the page metadata, and
       a near-copy of it differing by one element is a copy that drifts. It also
       takes the header out of the accessibility tree and the tab order, which
       "visually hidden" would not.

       The ground's top inset goes with it. That 61px exists to keep the light
       from spilling under the gold bar; with no bar there is nothing to spill
       under, and the bands stopped short of the top of the screen for no
       reason. Its bottom inset is handled by the rule below, on the action
       bar's own absence. */
    /* ── `chrome="none"` is a PHONE decision, like `no-footer` above ─────────
       The reasoning holds on a phone: 61px of bar and a screen of stacked
       footer links either side of a two-answer question are ways of not
       answering it, on a device with one column and no room to spare.

       A desktop is the opposite problem. The same page there is one short
       column on a 1920x1080 window, and taking the bar and the footer off left
       it floating in the middle of a large black rectangle with nothing at the
       top or the bottom of the screen. The chrome is what those two edges are
       FOR. So from `sm` the landing page wears the same header and footer as
       every other page, and the question sits between them. */
    @media (max-width: 639px) {
        html:has([data-ebp-chrome="none"]) > body > div[data-storefront] > header,
        html:has([data-ebp-chrome="none"]) > body > div[data-storefront] > footer {
            display: none;
        }

        html:has([data-ebp-chrome="none"]) [data-ebp-ground-layer] {
            top: 0;
        }
    }

    /* ── `no-footer` is a PHONE decision ──────────────────────────────────────
       The reasoning above holds on a phone, where the footer is a full screen
       of links stacked one per line and a visitor who has scrolled to the end
       of the catalogue has to scroll a screen further to leave it.

       On a desktop it is three columns about 200px tall, and taking it away
       cost the shop page the only place on the site carrying the trademark and
       non-affiliation notice — under a grid of branded footballs, which is
       precisely the page it exists for. It also ended the page on the last row
       of tiles with nothing under it, so a wide window showed a band of bare
       ground where every other page has a footer.

       So the rule keeps its breakpoint rather than its route list: hidden
       below `sm`, present above it. */
    @media (max-width: 639px) {
        html:has([data-ebp-chrome="no-footer"])
            > body
            > div[data-storefront]
            > footer {
            display: none;
        }
    }

    /* ── The assistant stands down on the chooser too ─────────────────────────
       `chrome="none"` takes the header and the footer off this screen because
       it asks one question and every other control on it is a way of not
       answering. The launcher is exactly that: a gold circle, fixed over the
       bottom-right corner, on a screen whose two answers are already the
       loudest things on it — and on a desktop it was the only piece of chrome
       left, floating over a photograph with nothing to belong to.

       Same selector shape as the error page's rule below, and for the same
       reason: the launcher is mounted by the ROOT layout, outside every
       storefront wrapper, so the page cannot decline it — it has to be hidden
       from a rule that can reach up to the document. The panel goes with it;
       it can be open already when a navigation lands here. */
    html:has([data-ebp-chrome="none"]) [data-ebp-element="chat.open"],
    html:has([data-ebp-chrome="none"]) [role="dialog"][aria-label="Elysium AI"] {
        display: none;
    }

    /* ── No action bar, no inset ──────────────────────────────────────────
       The ground's bands stop 69px above the bottom of a phone screen so they
       do not spill under the action bar. A page without one — the chooser at
       the root — then showed both bands ending short with bare page beneath
       them. Keyed on the bar's own presence rather than on a list of routes,
       the same way the bar's other coordination rules work. */
    html:not(:has([data-ebp-element="actionbar"])) [data-ebp-ground-layer] {
        bottom: 0;
    }

    html:has([data-ebp-ground="flat"]) [data-storefront="v6"],
    html:has([data-ebp-error]) [data-storefront="v6"] {
        --ground-key-alpha: 0;
        --ground-accent-alpha: 0;
    }

    /* ── A parked panel must not widen the page ───────────────────────────────
       The assistant's panel is `fixed inset-0` with a `translate-x-full` when
       closed, so on a 360px screen it sits at x=360..720 waiting to slide in.
       A transformed element still contributes to the document's scrollable
       overflow, so the page became 361px wide on a 360px phone: it could be
       dragged sideways, and a browser that zooms out to fit the wider layout
       viewport showed a band of empty black down the right-hand third.

       `overflow-x: hidden` on the body did not stop it — the html element is
       what scrolls, and it was still `visible`. Clipping the html instead DID
       stop it and broke the sticky header: with `overflow-x: clip` and
       `overflow-y: visible`, the y axis computes to `auto`, which makes the
       root a scroll container and detaches `position: sticky` from the
       viewport. Measured — the bar scrolled away with the page.

       So the panel is clipped where it is, by its own containing block, and
       nothing above it has to change. `clip` rather than `hidden` because
       `hidden` would make the panel itself a scroll container and swallow the
       transcript's own scrolling. */
    html:has([data-storefront="v6"]) [role="dialog"][aria-label="Elysium AI"][aria-hidden="true"] {
        overflow-x: clip;
    }

    /* ── The raised surfaces wear the page's own texture ──────────────────────
       Applied to the note panels and, via `.ebp-panel-grain`, to every sliding
       surface: the cart sheet, the navigation drawer and the phone's action
       bar. They are all the same near-black as the footer, and without the
       grain they read as flat panes laid over a textured page — the one place
       the material changes for no reason.
       The grain is declared once, on the storefront wrapper, as
       `--ground-grain`. Custom properties inherit, so a panel deep inside the
       page can paint the identical texture without the SVG being written out a
       second time — and if the grain is ever retuned, these follow it.

       Layered OVER the panel's background colour rather than replacing it:
       `background-image` composites on top of `background-color`, which is what
       keeps the surface the same near-black as the drawers and the footer with
       the texture sitting on it. */
    .ebp-note-panel,
    .ebp-panel-grain {
        background-image: var(--ground-grain);
        background-repeat: repeat;
    }

    /* ── The assistant stands down on an error page ───────────────────────────
       The launcher and its panel are mounted by the ROOT layout, as siblings of
       `children`. An error boundary replaces `children` and nothing else, so
       both of them survive a failure that has taken the rest of the page away —
       leaving a cheerful chat bubble floating over a screen that says the site
       is broken, offering help from an assistant that is a link away from the
       same failure.

       `display: none`, not the opacity fade the cart rule below uses: that one
       is a control temporarily yielding to another and coming back, this is a
       feature that should not be on the page at all. The attribute is set on
       the boundary's own wrapper in src/app/error.tsx.

       Both the launcher and the panel, because the panel can already be open
       when the error lands — a navigation made from inside the conversation is
       one of the ways to get here. */
    html:has([data-ebp-error]) [data-ebp-element="chat.open"],
    html:has([data-ebp-error]) [role="dialog"][aria-label="Elysium AI"] {
        display: none;
    }

    /* ── And so does the rest of the furniture ────────────────────────────────
       The (shop) boundary renders INSIDE (shop)/layout.tsx, so the header, the
       footer and the cart drawer are drawn around it whether or not they make
       sense there. A footer offering the shop's phone number, five page links
       and a row of social icons under the words "Something went wrong" is a
       page that has failed still trying to sell — and it put back the very
       phone number the boundary's own copy deliberately dropped.

       Hidden here rather than by removing the boundary from the layout,
       because a boundary OUTSIDE the layout cannot catch an error thrown BY
       the layout, which is the case most worth catching. This keeps the
       catch and drops the chrome.

       The error page carries its own way out — see the "Back to the shop"
       link in src/app/(shop)/error.tsx — so hiding the navigation does not
       strand anybody. */
    html:has([data-ebp-error]) > body > div[data-storefront] > header,
    html:has([data-ebp-error]) > body > div[data-storefront] > footer {
        display: none;
    }

    /* ── One assistant, one way in, per screen ────────────────────────────────
       On a phone the assistant is reached from the action bar, beside the two
       real actions, so the floating launcher would be a second control for the
       same thing hovering over the first. Hidden below `sm`; on a desktop,
       where there is no action bar, the launcher is still the only way in and
       stays exactly as it was. */
    @media (max-width: 639px) {
        /* `html` on the front for specificity, not for reach. The launcher
           carries Tailwind's `inline-flex`, which is one class — exactly the
           weight of a bare attribute selector — and the utilities are emitted
           after this block, so a tie goes to them and the rule did nothing.
           One element selector settles it. */
        html [data-ebp-element="chat.open"] {
            display: none;
        }
    }

    /* ── And on any page that carries the assistant in its own row ────────────
       The landing page puts the assistant beside its two calls to action; the
       shop puts it beside the size filter; the send-in page puts it under the
       form. Wherever a page has its own way in, the floating launcher is a
       second door to the same panel, hovering over the bottom-right corner of
       every screen.

       Keyed on the control itself — ChatButton stamps `data-ebp-chat` on
       every one it renders — rather than on a route or on the action bar's
       presence, so a page that grows one of these stands the launcher down
       without anybody remembering to edit this rule. */
    html:has([data-ebp-chat="inline"]) [data-ebp-element="chat.open"] {
        display: none;
    }

    /* ── The footer clears the pinned bar ─────────────────────────────────────
       The action bar is `position: fixed`, so it cannot push anything: it
       simply sits over the last 69px of whatever is at the bottom of the
       screen. At the end of the page that is the footer's last lines — the
       copyright and the trademark notice — which were unreadable because a
       row of buttons was parked on top of them.

       The page carried a `pb-24` for this, and it was in the wrong place: it
       padded the bottom of `main`, which is ABOVE the footer, so it moved the
       gap rather than clearing it.

       Scoped with `:has()` to pages that actually mount the bar. The bar is on
       the landing page only, and every other page would otherwise end with 69px
       of dead space under the footer to clear a control that is not there.

       The safe-area inset is added because the bar adds it too — on a phone
       with a home indicator the bar is that much taller. */
    html:has([data-ebp-element="actionbar"]) footer {
        padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
    }

    @media (min-width: 640px) {
        html:has([data-ebp-element="actionbar"]) footer {
            padding-bottom: 0;
        }
    }

    /* ── The action bar stands down for a drawer ──────────────────────────────
       Both are fixed to the bottom of the screen: the cart drawer comes up as a
       sheet and the menu covers the left, and in either case the bar underneath
       is a row of controls for a page nobody is looking at. It slides away
       rather than disappearing, matching how it arrived.

       Keyed off the drawers' own attributes — the ones they need for assistive
       technology anyway — so this costs no shared state and no JavaScript. */
    html:has([role="dialog"][aria-label="Cart"][aria-hidden="false"])
        [data-ebp-element="actionbar"],
    html:has([role="dialog"][aria-label="Menu"][aria-hidden="false"])
        [data-ebp-element="actionbar"],
    html:has([role="dialog"][aria-label="Elysium AI"][aria-hidden="false"])
        [data-ebp-element="actionbar"] {
        transform: translateY(100%);
    }

    /* ── The assistant's launcher yields to the cart ──────────────────────────
       Both are fixed to the bottom-right corner, so an open cart drawer put the
       round chat button on top of the drawer's own controls. The drawer already
       says whether it is open, in the attribute it needs for assistive
       technology anyway, so this needs no state shared between the two
       components and no JavaScript.

       Opacity and pointer-events rather than `display: none`, to match how the
       launcher already hides itself when the chat panel is open — same
       transition, so the two behave identically. */
    html:has([role="dialog"][aria-label="Cart"][aria-hidden="false"])
        [data-ebp-element="chat.open"] {
        opacity: 0;
        pointer-events: none;
    }

    body {
        background-color: rgb(var(--background-rgb));
        color: rgb(var(--foreground-rgb));
        font-family: var(--font-sans), system-ui, sans-serif;
        -webkit-font-smoothing: antialiased;
        /* The source theme sets this on html and body both, with a comment
           about iOS. Kept: without it the full-bleed hero on a phone produces a
           horizontal scrollbar. */
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
    }

    /* line-height 1.1 on headings and 1.5 on paragraphs, matching the theme
       exactly. Tailwind's preflight would otherwise inherit 1.5 everywhere and
       the headings would set noticeably looser than the original. */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.1;
    }

    p {
        line-height: 1.5;
    }
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
    /* The theme's content measure. 1200px for normal content, 1340px for
       anything marked `alignwide`. */

    /* Brushed-metal text, copied from the theme's Additional CSS. It is what
       makes the footer wordmark and the nameplate imagery read as one idea, so
       it is not a detail that can be dropped.

       -webkit-text-fill-color has no standard equivalent that works with
       background-clip, so the prefixed property stays. */

    /* The theme's default button: `accent-1` fill, off-white text. Its hover is
       `color-mix(in lab, currentColor, accent-1 70%)`, which resolves to a
       lighter oxblood — reproduced as a literal here because color-mix against
       currentColor cannot be expressed as a Tailwind utility. */

    /* The two home-page calls to action override the theme button with an
       olive-to-near-black gradient set inline on the block. Same gradient, same
       135deg, same stops. */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-inset-x-1 {
  left: -0.25rem;
  right: -0.25rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.\!left-auto {
  left: auto !important;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-right-2 {
  right: -0.5rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-\[2px\] {
  top: -2px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[69px\] {
  bottom: 69px;
}
.bottom-\[var\(--ebp-vv-bottom\2c 0px\)\] {
  bottom: var(--ebp-vv-bottom,0px);
}
.bottom-full {
  bottom: 100%;
}
.end-2 {
  inset-inline-end: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-\[21px\] {
  left: 21px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-12 {
  top: 3rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-8 {
  top: 2rem;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[61px\] {
  top: 61px;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[45\] {
  z-index: 45;
}
.z-\[46\] {
  z-index: 46;
}
.z-\[55\] {
  z-index: 55;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[9998\] {
  z-index: 9998;
}
.z-\[9999\] {
  z-index: 9999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.-m-\[0\.9375rem\] {
  margin: -0.9375rem;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-mb-px {
  margin-bottom: -1px;
}
.-me-2 {
  margin-inline-end: -0.5rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mr-2\.5 {
  margin-right: -0.625rem;
}
.-ms-2 {
  margin-inline-start: -0.5rem;
}
.-mt-0\.5 {
  margin-top: -0.125rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-wp-50 {
  margin-bottom: clamp(1.75rem, calc(1.5rem + 0.61vw), 2.5rem);
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.ms-0 {
  margin-inline-start: 0px;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[0\.2rem\] {
  margin-top: 0.2rem;
}
.mt-\[0\.34em\] {
  margin-top: 0.34em;
}
.mt-\[0\.6em\] {
  margin-top: 0.6em;
}
.mt-\[0\.8125rem\] {
  margin-top: 0.8125rem;
}
.mt-auto {
  margin-top: auto;
}
.mt-wp-20 {
  margin-top: clamp(0.625rem, calc(0.5rem + 0.37vw), 0.875rem);
}
.mt-wp-30 {
  margin-top: clamp(0.9375rem, calc(0.8125rem + 0.37vw), 1.25rem);
}
.mt-wp-40 {
  margin-top: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
}
.mt-wp-50 {
  margin-top: clamp(1.75rem, calc(1.5rem + 0.61vw), 2.5rem);
}
.mt-wp-60 {
  margin-top: clamp(2.1875rem, calc(1.9375rem + 1.14vw), 3.5rem);
}
.mt-wp-80 {
  margin-top: clamp(4rem, calc(3.25rem + 2.44vw), 7rem);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.inline-table {
  display: inline-table;
}
.table-cell {
  display: table-cell;
}
.table-row {
  display: table-row;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-\[2\/1\] {
  aspect-ratio: 2/1;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[5\/2\] {
  aspect-ratio: 5/2;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[1\.25em\] {
  height: 1.25em;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19rem\] {
  height: 19rem;
}
.h-\[2\.2em\] {
  height: 2.2em;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[46\%\] {
  height: 46%;
}
.h-\[calc\(100svh-8\.25rem\)\] {
  height: calc(100svh - 8.25rem);
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-\[40svh\] {
  max-height: 40svh;
}
.max-h-\[46vh\] {
  max-height: 46vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-none {
  max-height: none;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-5 {
  min-height: 1.25rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-\[100svh\] {
  min-height: 100svh;
}
.min-h-\[2\.75rem\] {
  min-height: 2.75rem;
}
.min-h-\[3\.25rem\] {
  min-height: 3.25rem;
}
.min-h-\[30rem\] {
  min-height: 30rem;
}
.min-h-\[60svh\] {
  min-height: 60svh;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[calc\(100svh-61px\)\] {
  min-height: calc(100svh - 61px);
}
.min-h-\[calc\(100svh-62px-66px\)\] {
  min-height: calc(100svh - 62px - 66px);
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[13rem\] {
  width: 13rem;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15rem\] {
  width: 15rem;
}
.w-\[168px\] {
  width: 168px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[18rem\] {
  width: 18rem;
}
.w-\[2\.2em\] {
  width: 2.2em;
}
.w-\[20rem\] {
  width: 20rem;
}
.w-\[214px\] {
  width: 214px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[39px\] {
  width: 39px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[4\.75rem\] {
  width: 4.75rem;
}
.w-\[5\.5rem\] {
  width: 5.5rem;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[6rem\] {
  width: 6rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[78\%\] {
  width: 78%;
}
.w-\[8\.75rem\] {
  width: 8.75rem;
}
.w-\[82\%\] {
  width: 82%;
}
.w-\[8rem\] {
  width: 8rem;
}
.w-\[calc\(100\%\+1rem\)\] {
  width: calc(100% + 1rem);
}
.w-\[min\(22rem\2c 85vw\)\] {
  width: min(22rem, 85vw);
}
.w-\[min\(22rem\2c calc\(100vw-2\.5rem\)\)\] {
  width: min(22rem, calc(100vw - 2.5rem));
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-16 {
  min-width: 4rem;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-\[1\.15rem\] {
  min-width: 1.15rem;
}
.min-w-\[1\.75rem\] {
  min-width: 1.75rem;
}
.min-w-\[11rem\] {
  min-width: 11rem;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[13rem\] {
  min-width: 13rem;
}
.min-w-\[14rem\] {
  min-width: 14rem;
}
.min-w-\[15rem\] {
  min-width: 15rem;
}
.min-w-\[16rem\] {
  min-width: 16rem;
}
.min-w-\[18rem\] {
  min-width: 18rem;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[2px\] {
  min-width: 2px;
}
.min-w-\[2rem\] {
  min-width: 2rem;
}
.min-w-\[8\.5rem\] {
  min-width: 8.5rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[1060px\] {
  max-width: 1060px;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[120ch\] {
  max-width: 120ch;
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[1560px\] {
  max-width: 1560px;
}
.max-w-\[22rem\] {
  max-width: 22rem;
}
.max-w-\[24rem\] {
  max-width: 24rem;
}
.max-w-\[26rem\] {
  max-width: 26rem;
}
.max-w-\[34ch\] {
  max-width: 34ch;
}
.max-w-\[380px\] {
  max-width: 380px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[46ch\] {
  max-width: 46ch;
}
.max-w-\[46rem\] {
  max-width: 46rem;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[4rem\] {
  max-width: 4rem;
}
.max-w-\[52ch\] {
  max-width: 52ch;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[60ch\] {
  max-width: 60ch;
}
.max-w-\[62ch\] {
  max-width: 62ch;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[68ch\] {
  max-width: 68ch;
}
.max-w-\[70ch\] {
  max-width: 70ch;
}
.max-w-\[80ch\] {
  max-width: 80ch;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}
.max-w-\[calc\(100vw-1\.5rem\)\] {
  max-width: calc(100vw - 1.5rem);
}
.max-w-\[calc\(100vw-1rem\)\] {
  max-width: calc(100vw - 1rem);
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink {
  flex-shrink: 1;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.table-fixed {
  table-layout: fixed;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-top {
  transform-origin: top;
}
.origin-top-left {
  transform-origin: top left;
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-0 {
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-100 {
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[demo-click_620ms_cubic-bezier\(0\2c 0\2c 0\.2\2c 1\)_forwards\] {
  animation: demo-click 620ms cubic-bezier(0,0,0.2,1) forwards;
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-default {
  cursor: default;
}
.cursor-help {
  cursor: help;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-center {
  scroll-snap-align: center;
}
.scroll-mt-16 {
  scroll-margin-top: 4rem;
}
.scroll-mt-20 {
  scroll-margin-top: 5rem;
}
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}
.scroll-px-5 {
  scroll-padding-left: 1.25rem;
  scroll-padding-right: 1.25rem;
}
.scroll-pl-6 {
  scroll-padding-left: 1.5rem;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.columns-3 {
  -moz-columns: 3;
       columns: 3;
}
.break-inside-avoid {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-\[2px_2\.5rem_1fr_auto\] {
  grid-template-columns: 2px 2.5rem 1fr auto;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[0\.4375rem\] {
  gap: 0.4375rem;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-px {
  gap: 1px;
}
.gap-wp-30 {
  gap: clamp(0.9375rem, calc(0.8125rem + 0.37vw), 1.25rem);
}
.gap-wp-40 {
  gap: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
}
.gap-wp-60 {
  gap: clamp(2.1875rem, calc(1.9375rem + 1.14vw), 3.5rem);
}
.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-3\.5 {
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-x-wp-40 {
  -moz-column-gap: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
       column-gap: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.gap-y-wp-60 {
  row-gap: clamp(2.1875rem, calc(1.9375rem + 1.14vw), 3.5rem);
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-foreground\/20 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(var(--foreground-rgb), 0.2);
}
.divide-white\/\[0\.06\] > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.06);
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[0\.4rem\] {
  border-radius: 0.4rem;
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-\[1\.4rem\] {
  border-radius: 1.4rem;
}
.rounded-\[28\%\] {
  border-radius: 28%;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: calc(var(--radius) + 4px);
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-br-md {
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.border {
  border-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-\[2px\] {
  border-top-width: 2px;
}
.border-dashed {
  border-style: dashed;
}
.border-\[\#d69c28\]\/40 {
  border-color: rgb(214 156 40 / 0.4);
}
.border-\[\#ff8a8a\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 138 138 / var(--tw-border-opacity, 1));
}
.border-\[\#ff8a8a\]\/40 {
  border-color: rgb(255 138 138 / 0.4);
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-background\/20 {
  border-color: rgb(var(--background-rgb), 0.2);
}
.border-border {
  border-color: var(--border);
}
.border-ebp-accent-5 {
  border-color: var(--ebp-accent-5);
}
.border-ebp-accent-6 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
}
.border-ebp-accent-6\/40 {
  border-color: rgb(var(--ebp-accent-6-rgb), 0.4);
}
.border-ebp-accent-6\/60 {
  border-color: rgb(var(--ebp-accent-6-rgb), 0.6);
}
.border-foreground {
  --tw-border-opacity: 1;
  border-color: rgb(var(--foreground-rgb), var(--tw-border-opacity, 1));
}
.border-foreground\/10 {
  border-color: rgb(var(--foreground-rgb), 0.1);
}
.border-foreground\/15 {
  border-color: rgb(var(--foreground-rgb), 0.15);
}
.border-foreground\/20 {
  border-color: rgb(var(--foreground-rgb), 0.2);
}
.border-foreground\/30 {
  border-color: rgb(var(--foreground-rgb), 0.3);
}
.border-foreground\/40 {
  border-color: rgb(var(--foreground-rgb), 0.4);
}
.border-primary {
  border-color: var(--primary);
}
.border-red-400\/40 {
  border-color: rgb(248 113 113 / 0.4);
}
.border-red-500\/40 {
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5);
}
.border-transparent {
  border-color: transparent;
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/\[0\.06\] {
  border-color: rgb(255 255 255 / 0.06);
}
.border-b-ebp-accent-6 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
}
.border-l-\[\#c0392b\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(192 57 43 / var(--tw-border-opacity, 1));
}
.border-l-ebp-accent-5 {
  border-left-color: var(--ebp-accent-5);
}
.border-t-ebp-accent-6 {
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
}
.border-t-red-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.bg-\[\#0d0c0b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 12 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#131211\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#141210\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 18 16 / var(--tw-bg-opacity, 1));
}
.bg-\[\#141311\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 19 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#161412\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 20 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#171614\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 22 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#232120\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 33 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6fbf73\] {
  --tw-bg-opacity: 1;
  background-color: rgb(111 191 115 / var(--tw-bg-opacity, 1));
}
.bg-\[\#b3c05a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(179 192 90 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d05a4a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 90 74 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d69c28\] {
  --tw-bg-opacity: 1;
  background-color: rgb(214 156 40 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d69c28\]\/\[0\.06\] {
  background-color: rgb(214 156 40 / 0.06);
}
.bg-\[\#d69c28\]\/\[0\.08\] {
  background-color: rgb(214 156 40 / 0.08);
}
.bg-\[\#d69c28\]\/\[0\.14\] {
  background-color: rgb(214 156 40 / 0.14);
}
.bg-\[\#ff8a8a\]\/10 {
  background-color: rgb(255 138 138 / 0.1);
}
.bg-\[\#ff8a8a\]\/\[0\.08\] {
  background-color: rgb(255 138 138 / 0.08);
}
.bg-\[\{\}\] {
  background-color: {};
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-400\/15 {
  background-color: rgb(251 191 36 / 0.15);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-background {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background-rgb), var(--tw-bg-opacity, 1));
}
.bg-background\/50 {
  background-color: rgb(var(--background-rgb), 0.5);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-border {
  background-color: var(--border);
}
.bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-rgb), var(--tw-bg-opacity, 1));
}
.bg-card {
  background-color: var(--card);
}
.bg-current {
  background-color: currentColor;
}
.bg-destructive {
  background-color: var(--destructive);
}
.bg-ebp-accent-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ebp-accent-6-rgb), var(--tw-bg-opacity, 1));
}
.bg-ebp-accent-6\/15 {
  background-color: rgb(var(--ebp-accent-6-rgb), 0.15);
}
.bg-ebp-accent-6\/\[0\.07\] {
  background-color: rgb(var(--ebp-accent-6-rgb), 0.07);
}
.bg-ebp-accent-6\/\[0\.08\] {
  background-color: rgb(var(--ebp-accent-6-rgb), 0.08);
}
.bg-emerald-400\/10 {
  background-color: rgb(52 211 153 / 0.1);
}
.bg-emerald-400\/15 {
  background-color: rgb(52 211 153 / 0.15);
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}
.bg-foreground {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--foreground-rgb), var(--tw-bg-opacity, 1));
}
.bg-foreground\/15 {
  background-color: rgb(var(--foreground-rgb), 0.15);
}
.bg-foreground\/5 {
  background-color: rgb(var(--foreground-rgb), 0.05);
}
.bg-foreground\/60 {
  background-color: rgb(var(--foreground-rgb), 0.6);
}
.bg-foreground\/80 {
  background-color: rgb(var(--foreground-rgb), 0.8);
}
.bg-foreground\/\[0\.02\] {
  background-color: rgb(var(--foreground-rgb), 0.02);
}
.bg-foreground\/\[0\.12\] {
  background-color: rgb(var(--foreground-rgb), 0.12);
}
.bg-muted {
  background-color: var(--muted);
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-primary {
  background-color: var(--primary);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-400\/10 {
  background-color: rgb(248 113 113 / 0.1);
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1);
}
.bg-rose-400\/15 {
  background-color: rgb(251 113 133 / 0.15);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-sky-400\/15 {
  background-color: rgb(56 189 248 / 0.15);
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-400\/15 {
  background-color: rgb(167 139 250 / 0.15);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/35 {
  background-color: rgb(255 255 255 / 0.35);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/\[0\.02\] {
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.03\] {
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.06\] {
  background-color: rgb(255 255 255 / 0.06);
}
.bg-white\/\[0\.07\] {
  background-color: rgb(255 255 255 / 0.07);
}
.bg-white\/\[0\.09\] {
  background-color: rgb(255 255 255 / 0.09);
}
.fill-foreground {
  fill: rgb(var(--foreground-rgb), 1);
}
.stroke-background {
  stroke: rgb(var(--background-rgb), 1);
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-\[50\%_15\%\] {
  -o-object-position: 50% 15%;
     object-position: 50% 15%;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[0\.9375rem\] {
  padding: 0.9375rem;
}
.p-\[7\%\] {
  padding: 7%;
}
.p-\[8\%\] {
  padding: 8%;
}
.p-wp-40 {
  padding: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[calc\(1\.333em\+1px\)\] {
  padding-left: calc(1.333em + 1px);
  padding-right: calc(1.333em + 1px);
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.4375rem\] {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
.py-\[calc\(0\.667em\+1px\)\] {
  padding-top: calc(0.667em + 1px);
  padding-bottom: calc(0.667em + 1px);
}
.py-\[calc\(0\.75rem-1px\)\] {
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
}
.py-wp-40 {
  padding-top: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
  padding-bottom: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
}
.py-wp-50 {
  padding-top: clamp(1.75rem, calc(1.5rem + 0.61vw), 2.5rem);
  padding-bottom: clamp(1.75rem, calc(1.5rem + 0.61vw), 2.5rem);
}
.py-wp-70 {
  padding-top: clamp(3rem, calc(2.5rem + 1.83vw), 5rem);
  padding-bottom: clamp(3rem, calc(2.5rem + 1.83vw), 5rem);
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[1\.0625rem\] {
  padding-bottom: 1.0625rem;
}
.pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
}
.pb-\[max\(1\.5rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
}
.pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
.pb-wp-30 {
  padding-bottom: clamp(0.9375rem, calc(0.8125rem + 0.37vw), 1.25rem);
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pl-wp-30 {
  padding-left: clamp(0.9375rem, calc(0.8125rem + 0.37vw), 1.25rem);
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.ps-6 {
  padding-inline-start: 1.5rem;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[env\(safe-area-inset-top\)\] {
  padding-top: env(safe-area-inset-top);
}
.pt-wp-30 {
  padding-top: clamp(0.9375rem, calc(0.8125rem + 0.37vw), 1.25rem);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.align-super {
  vertical-align: super;
}
.align-\[0\.15em\] {
  vertical-align: 0.15em;
}
.font-heading {
  font-family: var(--font-heading);
}
.font-mono {
  font-family: var(--font-mono), ui-monospace, monospace;
}
.font-sans {
  font-family: var(--font-sans), system-ui, sans-serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.55em\] {
  font-size: 0.55em;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem;
}
.text-\[0\.66rem\] {
  font-size: 0.66rem;
}
.text-\[0\.6875rem\] {
  font-size: 0.6875rem;
}
.text-\[0\.68rem\] {
  font-size: 0.68rem;
}
.text-\[0\.6rem\] {
  font-size: 0.6rem;
}
.text-\[0\.72rem\] {
  font-size: 0.72rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[0\.813rem\] {
  font-size: 0.813rem;
}
.text-\[0\.8em\] {
  font-size: 0.8em;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[0\.9375rem\] {
  font-size: 0.9375rem;
}
.text-\[0\.95rem\] {
  font-size: 0.95rem;
}
.text-\[1\.0625rem\] {
  font-size: 1.0625rem;
}
.text-\[1\.125rem\] {
  font-size: 1.125rem;
}
.text-\[1\.25rem\] {
  font-size: 1.25rem;
}
.text-\[1\.65rem\] {
  font-size: 1.65rem;
}
.text-\[1\.75rem\] {
  font-size: 1.75rem;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13\.5px\] {
  font-size: 13.5px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[clamp\(0\.8125rem\2c 3\.9vw\2c 1\.0625rem\)\] {
  font-size: clamp(0.8125rem, 3.9vw, 1.0625rem);
}
.text-\[clamp\(0\.875rem\2c 5\.1vw\2c 2\.5rem\)\] {
  font-size: clamp(0.875rem, 5.1vw, 2.5rem);
}
.text-\[clamp\(0\.9375rem\2c 4\.6vw\2c 2\.75rem\)\] {
  font-size: clamp(0.9375rem, 4.6vw, 2.75rem);
}
.text-\[clamp\(1\.05rem\2c 2\.6vw\2c 1\.375rem\)\] {
  font-size: clamp(1.05rem, 2.6vw, 1.375rem);
}
.text-\[clamp\(1\.1rem\2c 5\.2vw\2c 3rem\)\] {
  font-size: clamp(1.1rem, 5.2vw, 3rem);
}
.text-\[clamp\(1\.25rem\2c 2vw\2c 1\.5rem\)\] {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}
.text-\[clamp\(1\.25rem\2c 6\.2vw\2c 1\.75rem\)\] {
  font-size: clamp(1.25rem, 6.2vw, 1.75rem);
}
.text-\[clamp\(1\.35rem\2c 2\.4vw\2c 1\.75rem\)\] {
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
}
.text-\[clamp\(1\.75rem\2c 3\.4vw\2c 2\.5rem\)\] {
  font-size: clamp(1.75rem, 3.4vw, 2.5rem);
}
.text-\[clamp\(1\.75rem\2c 3vw\2c 2\.25rem\)\] {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}
.text-\[clamp\(1\.75rem\2c 4vw\2c 2\.5rem\)\] {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}
.text-\[clamp\(2\.25rem\2c 5vw\2c 3\.5rem\)\] {
  font-size: clamp(2.25rem, 5vw, 3.5rem);
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-wp-large {
  font-size: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.196), 1.25em);
}
.text-wp-medium {
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.196), 1em);
}
.text-wp-small {
  font-size: 0.813rem;
}
.text-wp-x-large {
  font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.392), 1.75em);
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.slashed-zero {
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-4 {
  line-height: 1rem;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-\[1\.15\] {
  line-height: 1.15;
}
.leading-\[1\.15rem\] {
  line-height: 1.15rem;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.25\] {
  line-height: 1.25;
}
.leading-\[1\.45\] {
  line-height: 1.45;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.015em\] {
  letter-spacing: -0.015em;
}
.tracking-\[-0\.01em\] {
  letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}
.tracking-\[-0\.045em\] {
  letter-spacing: -0.045em;
}
.tracking-\[0\.01em\] {
  letter-spacing: 0.01em;
}
.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.07em\] {
  letter-spacing: 0.07em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}
.tracking-\[0\.16em\] {
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#141210\] {
  --tw-text-opacity: 1;
  color: rgb(20 18 16 / var(--tw-text-opacity, 1));
}
.text-\[\#f3efe7\] {
  --tw-text-opacity: 1;
  color: rgb(243 239 231 / var(--tw-text-opacity, 1));
}
.text-\[\#ffbdbd\] {
  --tw-text-opacity: 1;
  color: rgb(255 189 189 / var(--tw-text-opacity, 1));
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-background {
  --tw-text-opacity: 1;
  color: rgb(var(--background-rgb), var(--tw-text-opacity, 1));
}
.text-background\/45 {
  color: rgb(var(--background-rgb), 0.45);
}
.text-background\/60 {
  color: rgb(var(--background-rgb), 0.6);
}
.text-background\/65 {
  color: rgb(var(--background-rgb), 0.65);
}
.text-background\/70 {
  color: rgb(var(--background-rgb), 0.7);
}
.text-black\/50 {
  color: rgb(0 0 0 / 0.5);
}
.text-brand-foreground {
  color: var(--primary-foreground);
}
.text-brand-text {
  color: var(--primary-text);
}
.text-destructive {
  color: var(--destructive);
}
.text-destructive-foreground {
  color: var(--background);
}
.text-ebp-accent-6 {
  --tw-text-opacity: 1;
  color: rgb(var(--ebp-accent-6-rgb), var(--tw-text-opacity, 1));
}
.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.text-emerald-300\/90 {
  color: rgb(110 231 183 / 0.9);
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-foreground {
  --tw-text-opacity: 1;
  color: rgb(var(--foreground-rgb), var(--tw-text-opacity, 1));
}
.text-foreground\/30 {
  color: rgb(var(--foreground-rgb), 0.3);
}
.text-foreground\/40 {
  color: rgb(var(--foreground-rgb), 0.4);
}
.text-foreground\/50 {
  color: rgb(var(--foreground-rgb), 0.5);
}
.text-foreground\/55 {
  color: rgb(var(--foreground-rgb), 0.55);
}
.text-foreground\/60 {
  color: rgb(var(--foreground-rgb), 0.6);
}
.text-foreground\/70 {
  color: rgb(var(--foreground-rgb), 0.7);
}
.text-foreground\/80 {
  color: rgb(var(--foreground-rgb), 0.8);
}
.text-foreground\/85 {
  color: rgb(var(--foreground-rgb), 0.85);
}
.text-foreground\/90 {
  color: rgb(var(--foreground-rgb), 0.9);
}
.text-muted-foreground {
  color: var(--muted-foreground);
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-primary-foreground {
  color: var(--primary-foreground);
}
.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-300\/70 {
  color: rgb(252 165 165 / 0.7);
}
.text-red-300\/80 {
  color: rgb(252 165 165 / 0.8);
}
.text-red-300\/90 {
  color: rgb(252 165 165 / 0.9);
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-200 {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.text-sky-200 {
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.text-violet-200 {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/25 {
  color: rgb(255 255 255 / 0.25);
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/35 {
  color: rgb(255 255 255 / 0.35);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55 {
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-foreground\/30 {
  text-decoration-color: rgb(var(--foreground-rgb), 0.3);
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.underline-offset-\[3px\] {
  text-underline-offset: 3px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accent-\[\#d69c28\] {
  accent-color: #d69c28;
}
.accent-ebp-accent-6 {
  accent-color: rgb(var(--ebp-accent-6-rgb), 1);
}
.accent-foreground {
  accent-color: rgb(var(--foreground-rgb), 1);
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.mix-blend-difference {
  mix-blend-mode: difference;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-16px_48px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 -16px 48px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 -16px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_-10px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-shadow: 0 12px 40px -10px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 12px 40px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_-12px_rgb\(0_0_0\/0\.35\)\] {
  --tw-shadow: 0 12px 40px -12px rgb(0 0 0/0.35);
  --tw-shadow-colored: 0 12px 40px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_-12px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 12px 40px -12px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 12px 40px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 12px 40px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 16px 40px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_44px_rgba\(0\2c 0\2c 0\2c 0\.7\)\] {
  --tw-shadow: 0 18px 44px rgba(0,0,0,0.7);
  --tw-shadow-colored: 0 18px 44px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgb\(0_0_0\/0\.06\)\] {
  --tw-shadow: 0 1px 3px rgb(0 0 0/0.06);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 4px 16px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[16px_0_48px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 16px 0 48px rgba(0,0,0,0.6);
  --tw-shadow-colored: 16px 0 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black\/40 {
  --tw-shadow-color: rgb(0 0 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-foreground\/10 {
  --tw-shadow-color: rgb(var(--foreground-rgb), 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-ebp-accent-6 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ebp-accent-6-rgb), var(--tw-ring-opacity, 1));
}
.ring-foreground {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--foreground-rgb), var(--tw-ring-opacity, 1));
}
.ring-white\/25 {
  --tw-ring-color: rgb(255 255 255 / 0.25);
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-background {
  --tw-ring-offset-color: rgb(var(--background-rgb), 1);
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.invert {
  --tw-invert: invert(100%);
  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);
}
.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-sm {
  --tw-backdrop-blur: blur(4px);
  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-grayscale {
  --tw-backdrop-grayscale: grayscale(100%);
  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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\2c transform\] {
  transition-property: background-color,border-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c background-color\2c transform\] {
  transition-property: border-color,background-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c transform\] {
  transition-property: box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c border-color\2c opacity\2c transform\] {
  transition-property: color,background-color,border-color,opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c border-color\2c transform\] {
  transition-property: color,background-color,border-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-rows\2c opacity\] {
  transition-property: grid-template-rows,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\] {
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\2c border-color\] {
  transition-property: transform,box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\] {
  transition-property: transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c opacity\] {
  transition-property: transform,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c opacity\2c margin\] {
  transition-property: width,opacity,margin;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.fade-in {
  --tw-enter-opacity: 0;
}
.duration-150 {
  animation-duration: 150ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-700 {
  animation-duration: 700ms;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running {
  animation-play-state: running;
}
.\[--ebp-mark-leather\:\#6b5045\] {
  --ebp-mark-leather: #6b5045;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[grid-area\:1\/1\] {
  grid-area: 1/1;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

/* theme (10) */

/* theme (50) */
:root {
    --accent-foreground: #fbfaf9;
    --accent-rgb: 214, 156, 40;
    --background-rgb: 251, 250, 249;
    --border: rgba(74, 69, 42, 0.18);
    --card: #ffffff;
    --card-foreground: #4a452a;
    --destructive: #cf2e2e;
    --ebp-accent-1: #520d0d;
    --ebp-accent-3: #934e4e;
    --ebp-accent-4: #8d3535;
    --ebp-accent-5: #b87e0a;
    --ebp-accent-6: #d69c28;
    --ebp-accent-6-rgb: 214, 156, 40;
    --ebp-band: #1f1e24;
    --ebp-contrast: #702b2b;
    --ebp-midnight-ink: #1b262c;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
    --font-sans: "Roboto Flex", system-ui, sans-serif;
    --foreground-rgb: 74, 69, 42;
    --input: #ffffff;
    --muted: #f2f0ed;
    --muted-foreground: #6f6a55;
    --popover: #ffffff;
    --popover-foreground: #4a452a;
    --primary: #520d0d;
    --primary-foreground: #fbfaf9;
    --radius: 0.5rem;
    --ring-rgb: 214, 156, 40;
    --secondary: #702b2b;
    --secondary-foreground: #fbfaf9;
    --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* storefront (60) */
/* Elysium's site stylesheet: src/app/globals.css of the Next.js site, as
   [plugins.storefront] css. Two things are not here: the three @tailwind
   directives (the builder emits them) and the :root tokens (they are the
   theme plugin's palette, emitted just before this). @layer base and
   @layer components join Tailwind's layers exactly as they did there; the
   rest follows the tokens, so the cascade is globals.css's. */

/* Theme tokens, taken from the customer's live WordPress site rather than
   invented. Every hex below appears verbatim in the Bluehost Blueprint theme's
   global-styles block; the names are that theme's names, so a value can be
   traced back to `--wp--preset--color--<name>` in docs/reference/home.html.

   The customer is happy with the current look and does not want it changed, so
   the job here is fidelity, not taste. The redesign is a separate deliverable
   and does not touch this file. */

/* Roboto Flex, self-hosted rather than fetched through next/font.

   next/font/google resolves at BUILD time, which would make a production build
   depend on fonts.gstatic.com being reachable from a CI runner — a network
   dependency in the one place a build should have none. Two subsets only:
   latin and latin-ext, matching what Google's own stylesheet serves a Latin
   page. The Cyrillic, Greek and Vietnamese subsets are another ~250 KB for
   glyphs this site will never render. */
@font-face {
    font-family: "Roboto Flex";
    src: url("/fonts/RobotoFlex-latin.woff2") format("woff2");
    font-weight: 100 1000;
    font-stretch: 100%;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Roboto Flex";
    src: url("/fonts/RobotoFlex-latin-ext.woff2") format("woff2");
    font-weight: 100 1000;
    font-stretch: 100%;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}

/* Scroll-triggered reveal, from the theme's Additional CSS. The original drives
   it with an IntersectionObserver in an inline script; ours is a small client
   component (src/components/Reveal.tsx) that adds the same `is-visible` class.

   Honour prefers-reduced-motion, which the original does not: an element that
   starts at opacity 0 and depends on JavaScript to become visible is a blank
   page for anyone the script fails for, so the reduced-motion branch shows the
   content immediately rather than merely shortening the transition. */
.ebp-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.8s ease-out,
        transform 0.8s ease-out;
    will-change: opacity, transform;
}

.ebp-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .ebp-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* With JavaScript off there is nothing to add `is-visible`, and the original
   simply renders three of its images and its whole right-hand column as blank
   space. Undoing the initial state here means the page degrades to "no
   animation" instead of "no content". */
.no-js .ebp-reveal {
    opacity: 1;
    transform: none;
}

/* ── Elysium AI ──────────────────────────────────────────────────────────────
 *
 * Two states, and they never overlap.
 *
 * The dots run from send until the FIRST token arrives — the phase where the
 * model is reasoning and there is genuinely nothing to show. The caret sits at
 * the end of a finished answer. While tokens are actually arriving neither is
 * shown: the text growing is its own progress indicator, and a caret chasing it
 * competes with the thing it is meant to indicate.
 */
@keyframes ebp-thinking {
    0%,
    60%,
    100% {
        opacity: 0.25;
        transform: translateY(0);
    }
    30% {
        opacity: 1;
        transform: translateY(-0.2em);
    }
}

.ebp-thinking-dot {
    display: inline-block;
    animation: ebp-thinking 1.4s infinite;
}

.ebp-thinking-dot:nth-child(2) {
    animation-delay: 0.2s;
}

.ebp-thinking-dot:nth-child(3) {
    animation-delay: 0.4s;
}

/* Motion here is decorative — it conveys "working", which the aria-label
   already says. Anyone who has asked for less of it gets the meaning without
   the movement. */
@media (prefers-reduced-motion: reduce) {
    .ebp-thinking-dot {
        animation: none;
        opacity: 0.7;
    }
}
.placeholder\:text-foreground\/30::-moz-placeholder {
  color: rgb(var(--foreground-rgb), 0.3);
}
.placeholder\:text-foreground\/30::placeholder {
  color: rgb(var(--foreground-rgb), 0.3);
}
.placeholder\:text-white\/30::-moz-placeholder {
  color: rgb(255 255 255 / 0.3);
}
.placeholder\:text-white\/30::placeholder {
  color: rgb(255 255 255 / 0.3);
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
@media (hover: hover) and (pointer: fine) {

  .hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hover\:scale-\[1\.03\]:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .hover\:border-ebp-accent-6:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
  }

  .hover\:border-red-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
  }

  .hover\:border-red-400\/60:hover {
    border-color: rgb(248 113 113 / 0.6);
  }

  .hover\:border-red-500\/70:hover {
    border-color: rgb(239 68 68 / 0.7);
  }

  .hover\:border-white\/20:hover {
    border-color: rgb(255 255 255 / 0.2);
  }

  .hover\:border-white\/25:hover {
    border-color: rgb(255 255 255 / 0.25);
  }

  .hover\:border-white\/30:hover {
    border-color: rgb(255 255 255 / 0.3);
  }

  .hover\:border-white\/40:hover {
    border-color: rgb(255 255 255 / 0.4);
  }

  .hover\:bg-\[\#d69c28\]\/\[0\.08\]:hover {
    background-color: rgb(214 156 40 / 0.08);
  }

  .hover\:bg-\[\#e5ac35\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 172 53 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-accent:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--accent-rgb), var(--tw-bg-opacity, 1));
  }

  .hover\:bg-background\/10:hover {
    background-color: rgb(var(--background-rgb), 0.1);
  }

  .hover\:bg-foreground:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--foreground-rgb), var(--tw-bg-opacity, 1));
  }

  .hover\:bg-foreground\/10:hover {
    background-color: rgb(var(--foreground-rgb), 0.1);
  }

  .hover\:bg-muted:hover {
    background-color: var(--muted);
  }

  .hover\:bg-red-500\/10:hover {
    background-color: rgb(239 68 68 / 0.1);
  }

  .hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .hover\:bg-white\/\[0\.03\]:hover {
    background-color: rgb(255 255 255 / 0.03);
  }

  .hover\:bg-white\/\[0\.04\]:hover {
    background-color: rgb(255 255 255 / 0.04);
  }

  .hover\:bg-white\/\[0\.06\]:hover {
    background-color: rgb(255 255 255 / 0.06);
  }

  .hover\:bg-white\/\[0\.08\]:hover {
    background-color: rgb(255 255 255 / 0.08);
  }

  .hover\:bg-white\/\[0\.14\]:hover {
    background-color: rgb(255 255 255 / 0.14);
  }

  .hover\:text-\[\#f3efe7\]:hover {
    --tw-text-opacity: 1;
    color: rgb(243 239 231 / var(--tw-text-opacity, 1));
  }

  .hover\:text-accent-foreground:hover {
    color: var(--accent-foreground);
  }

  .hover\:text-background:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--background-rgb), var(--tw-text-opacity, 1));
  }

  .hover\:text-background\/60:hover {
    color: rgb(var(--background-rgb), 0.6);
  }

  .hover\:text-ebp-accent-6:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ebp-accent-6-rgb), var(--tw-text-opacity, 1));
  }

  .hover\:text-foreground:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--foreground-rgb), var(--tw-text-opacity, 1));
  }

  .hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgb(254 226 226 / var(--tw-text-opacity, 1));
  }

  .hover\:text-red-200:hover {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }

  .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .hover\:text-white\/80:hover {
    color: rgb(255 255 255 / 0.8);
  }

  .hover\:text-white\/85:hover {
    color: rgb(255 255 255 / 0.85);
  }

  .hover\:underline:hover {
    text-decoration-line: underline;
  }

  .hover\:decoration-foreground:hover {
    text-decoration-color: rgb(var(--foreground-rgb), 1);
  }

  .hover\:opacity-100:hover {
    opacity: 1;
  }

  .hover\:opacity-60:hover {
    opacity: 0.6;
  }

  .hover\:opacity-70:hover {
    opacity: 0.7;
  }

  .hover\:opacity-80:hover {
    opacity: 0.8;
  }

  .hover\:opacity-90:hover {
    opacity: 0.9;
  }

  .hover\:shadow-\[0_0_0_2px_var\(--background\)\2c 0_0_0_3px_var\(--pro-accent\)\]:hover {
    --tw-shadow: 0 0 0 2px var(--background),0 0 0 3px var(--pro-accent);
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color), 0 0 0 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .hover\:shadow-\[0_18px_40px_-20px_rgb\(0_0_0\/0\.35\)\]:hover {
    --tw-shadow: 0 18px 40px -20px rgb(0 0 0/0.35);
    --tw-shadow-colored: 0 18px 40px -20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .hover\:ring-1:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .hover\:ring-offset-2:hover {
    --tw-ring-offset-width: 2px;
  }

  .hover\:ring-offset-background:hover {
    --tw-ring-offset-color: rgb(var(--background-rgb), 1);
  }

  .hover\:\[animation-play-state\:paused\]:hover {
    animation-play-state: paused;
  }
}
.focus\:border-foreground:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--foreground-rgb), var(--tw-border-opacity, 1));
}
.focus\:border-foreground\/50:focus {
  border-color: rgb(var(--foreground-rgb), 0.5);
}
.focus\:bg-accent:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-rgb), var(--tw-bg-opacity, 1));
}
.focus\:text-accent-foreground:focus {
  color: var(--accent-foreground);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-foreground\/40:focus {
  --tw-ring-color: rgb(var(--foreground-rgb), 0.4);
}
.focus-visible\:border-ebp-accent-6:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
}
.focus-visible\:underline:focus-visible {
  text-decoration-line: underline;
}
.focus-visible\:shadow-\[0_0_0_2px_var\(--background\)\2c 0_0_0_4px_var\(--pro-accent\)\]:focus-visible {
  --tw-shadow: 0 0 0 2px var(--background),0 0 0 4px var(--pro-accent);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color), 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-1:focus-visible {
  outline-width: 1px;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-\[\#141210\]:focus-visible {
  outline-color: #141210;
}
.focus-visible\:outline-current:focus-visible {
  outline-color: currentColor;
}
.focus-visible\:outline-ebp-accent-5:focus-visible {
  outline-color: var(--ebp-accent-5);
}
.focus-visible\:outline-ebp-accent-6:focus-visible {
  outline-color: rgb(var(--ebp-accent-6-rgb), 1);
}
.focus-visible\:outline-red-400:focus-visible {
  outline-color: #f87171;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}
.focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: rgb(var(--ring-rgb), 0.5);
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: rgb(var(--background-rgb), 1);
}
.active\:translate-y-0:active {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-90:active {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.99\]:active {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:border-ebp-accent-6:active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
}
.active\:bg-\[\#e5ac35\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(229 172 53 / var(--tw-bg-opacity, 1));
}
.active\:bg-background\/10:active {
  background-color: rgb(var(--background-rgb), 0.1);
}
.active\:bg-secondary:active {
  background-color: var(--secondary);
}
.active\:bg-white\/\[0\.14\]:active {
  background-color: rgb(255 255 255 / 0.14);
}
.active\:text-ebp-accent-6:active {
  --tw-text-opacity: 1;
  color: rgb(var(--ebp-accent-6-rgb), var(--tw-text-opacity, 1));
}
.active\:text-ebp-accent-6\/60:active {
  color: rgb(var(--ebp-accent-6-rgb), 0.6);
}
.active\:underline:active {
  text-decoration-line: underline;
}
.active\:opacity-60:active {
  opacity: 0.6;
}
.active\:opacity-70:active {
  opacity: 0.7;
}
.active\:opacity-80:active {
  opacity: 0.8;
}
.active\:opacity-90:active {
  opacity: 0.9;
}
.active\:duration-100:active {
  transition-duration: 100ms;
  animation-duration: 100ms;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-35:disabled {
  opacity: 0.35;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {

  .disabled\:hover\:border-white\/15:hover:disabled {
    border-color: rgb(255 255 255 / 0.15);
  }

  .disabled\:hover\:text-white\/55:hover:disabled {
    color: rgb(255 255 255 / 0.55);
  }
}
.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus-within .group-focus-within\:pointer-events-auto {
  pointer-events: auto;
}
.group:focus-within .group-focus-within\:block {
  display: block;
}
.group:focus-within .group-focus-within\:text-ebp-accent-6 {
  --tw-text-opacity: 1;
  color: rgb(var(--ebp-accent-6-rgb), var(--tw-text-opacity, 1));
}
.group:focus-within .group-focus-within\:opacity-0 {
  opacity: 0;
}
.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {

  .group:hover .group-hover\:pointer-events-auto {
    pointer-events: auto;
  }

  .group:hover .group-hover\:block {
    display: block;
  }

  .group:hover .group-hover\:w-5 {
    width: 1.25rem;
  }

  .group:hover .group-hover\:-translate-y-0\.5 {
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:scale-\[1\.04\] {
    --tw-scale-x: 1.04;
    --tw-scale-y: 1.04;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .group-hover\:bg-ebp-accent-6\/70 {
    background-color: rgb(var(--ebp-accent-6-rgb), 0.7);
  }

  .group\/item:hover .group-hover\/item\:text-foreground {
    --tw-text-opacity: 1;
    color: rgb(var(--foreground-rgb), var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-accent-foreground {
    color: var(--accent-foreground);
  }

  .group:hover .group-hover\:text-ebp-accent-6 {
    --tw-text-opacity: 1;
    color: rgb(var(--ebp-accent-6-rgb), var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-foreground {
    --tw-text-opacity: 1;
    color: rgb(var(--foreground-rgb), var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-white\/60 {
    color: rgb(255 255 255 / 0.6);
  }

  .group:hover .group-hover\:opacity-0 {
    opacity: 0;
  }

  .group:hover .group-hover\:opacity-100 {
    opacity: 1;
  }

  .group:hover .group-hover\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .group:hover .group-hover\:ring-ebp-accent-6 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ebp-accent-6-rgb), var(--tw-ring-opacity, 1));
  }

  .group:hover .group-hover\:ring-foreground {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--foreground-rgb), var(--tw-ring-opacity, 1));
  }
}
.group:active .group-active\:text-ebp-accent-6 {
  --tw-text-opacity: 1;
  color: rgb(var(--ebp-accent-6-rgb), var(--tw-text-opacity, 1));
}
.group:active .group-active\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group:active .group-active\:ring-ebp-accent-6 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ebp-accent-6-rgb), var(--tw-ring-opacity, 1));
}
.peer:checked ~ .peer-checked\:border-ebp-accent-6 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
}
.peer:checked ~ .peer-checked\:border-foreground {
  --tw-border-opacity: 1;
  border-color: rgb(var(--foreground-rgb), var(--tw-border-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-\[\#d69c28\]\/\[0\.08\] {
  background-color: rgb(214 156 40 / 0.08);
}
.peer:checked ~ .peer-checked\:text-ebp-accent-6 {
  --tw-text-opacity: 1;
  color: rgb(var(--ebp-accent-6-rgb), var(--tw-text-opacity, 1));
}
.peer:checked ~ .peer-checked\:shadow-\[0_0_0_1px_var\(--foreground\)\] {
  --tw-shadow: 0 0 0 1px var(--foreground);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:focus-visible ~ .peer-focus-visible\:outline {
  outline-style: solid;
}
.peer:focus-visible ~ .peer-focus-visible\:outline-2 {
  outline-width: 2px;
}
.peer:focus-visible ~ .peer-focus-visible\:outline-offset-2 {
  outline-offset: 2px;
}
.peer:focus-visible ~ .peer-focus-visible\:outline-ebp-accent-6 {
  outline-color: rgb(var(--ebp-accent-6-rgb), 1);
}
.aria-\[invalid\]\:border-\[\#ff8a8a\][aria-invalid] {
  --tw-border-opacity: 1;
  border-color: rgb(255 138 138 / var(--tw-border-opacity, 1));
}
.data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
  background-color: rgb(var(--accent-rgb), 0.5);
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: var(--muted);
}
.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: var(--accent-foreground);
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
  --tw-exit-translate-x: -13rem;
}
@media (hover: hover) and (pointer: fine) {

  .data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--accent-rgb), var(--tw-bg-opacity, 1));
  }
}
.data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--accent-rgb), var(--tw-bg-opacity, 1));
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
  top: 100%;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
  margin-top: 0.375rem;
}
.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
  overflow: hidden;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:border {
  border-width: 1px;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover {
  background-color: var(--popover);
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground {
  color: var(--popover-foreground);
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
  transition-duration: 200ms;
  animation-duration: 200ms;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:hidden {
    display: none;
  }

  .motion-reduce\:transform-none {
    transform: none;
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }

  .motion-reduce\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  @media (hover: hover) and (pointer: fine) {

    .motion-reduce\:hover\:translate-y-0:hover {
      --tw-translate-y: 0px;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
  }

  .motion-reduce\:active\:scale-100:active {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.dark\:block:is(.dark *) {
  display: block;
}
.dark\:hidden:is(.dark *) {
  display: none;
}
.dark\:border-neutral-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));
}
.dark\:bg-neutral-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.dark\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-neutral-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 640px) {

  .max-sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .max-sm\:gap-1 {
    gap: 0.25rem;
  }

  .max-sm\:border-t-0 {
    border-top-width: 0px;
  }

  .max-sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .max-sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .max-sm\:pt-0 {
    padding-top: 0px;
  }

  .max-sm\:text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
}
@media (min-width: 412px) {

  .min-\[412px\]\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 640px) {

  .sm\:fixed {
    position: fixed;
  }

  .sm\:absolute {
    position: absolute;
  }

  .sm\:sticky {
    position: sticky;
  }

  .sm\:inset-auto {
    inset: auto;
  }

  .sm\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .sm\:bottom-0 {
    bottom: 0px;
  }

  .sm\:bottom-5 {
    bottom: 1.25rem;
  }

  .sm\:bottom-6 {
    bottom: 1.5rem;
  }

  .sm\:left-4 {
    left: 1rem;
  }

  .sm\:left-6 {
    left: 1.5rem;
  }

  .sm\:left-auto {
    left: auto;
  }

  .sm\:right-0 {
    right: 0px;
  }

  .sm\:right-3 {
    right: 0.75rem;
  }

  .sm\:right-5 {
    right: 1.25rem;
  }

  .sm\:top-3 {
    top: 0.75rem;
  }

  .sm\:top-4 {
    top: 1rem;
  }

  .sm\:top-\[79px\] {
    top: 79px;
  }

  .sm\:z-50 {
    z-index: 50;
  }

  .sm\:order-none {
    order: 0;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-start-2 {
    grid-column-start: 2;
  }

  .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .sm\:ms-0 {
    margin-inline-start: 0px;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:mt-14 {
    margin-top: 3.5rem;
  }

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:contents {
    display: contents;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-80 {
    height: 20rem;
  }

  .sm\:h-\[24rem\] {
    height: 24rem;
  }

  .sm\:h-\[38px\] {
    height: 38px;
  }

  .sm\:h-\[79px\] {
    height: 79px;
  }

  .sm\:h-\[min\(44rem\2c calc\(100dvh-2\.5rem\)\)\] {
    height: min(44rem, calc(100dvh - 2.5rem));
  }

  .sm\:h-auto {
    height: auto;
  }

  .sm\:max-h-\[34svh\] {
    max-height: 34svh;
  }

  .sm\:max-h-none {
    max-height: none;
  }

  .sm\:min-h-0 {
    min-height: 0px;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-\[24rem\] {
    width: 24rem;
  }

  .sm\:w-\[25rem\] {
    width: 25rem;
  }

  .sm\:w-\[280px\] {
    width: 280px;
  }

  .sm\:w-\[380px\] {
    width: 380px;
  }

  .sm\:w-\[38px\] {
    width: 38px;
  }

  .sm\:w-\[40\%\] {
    width: 40%;
  }

  .sm\:w-\[400px\] {
    width: 400px;
  }

  .sm\:w-\[44\%\] {
    width: 44%;
  }

  .sm\:w-\[46\%\] {
    width: 46%;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:min-w-0 {
    min-width: 0px;
  }

  .sm\:min-w-\[10rem\] {
    min-width: 10rem;
  }

  .sm\:min-w-\[12rem\] {
    min-width: 12rem;
  }

  .sm\:min-w-\[14rem\] {
    min-width: 14rem;
  }

  .sm\:max-w-\[46rem\] {
    max-width: 46rem;
  }

  .sm\:max-w-\[520px\] {
    max-width: 520px;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

  .sm\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .sm\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:translate-y-3 {
    --tw-translate-y: 0.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scroll-mt-24 {
    scroll-margin-top: 6rem;
  }

  .sm\:scroll-px-6 {
    scroll-padding-left: 1.5rem;
    scroll-padding-right: 1.5rem;
  }

  .sm\:scroll-pl-0 {
    scroll-padding-left: 0px;
  }

  .sm\:columns-2 {
    -moz-columns: 2;
         columns: 2;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[6\.5rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 6.5rem minmax(0,1fr);
  }

  .sm\:grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-baseline {
    align-items: baseline;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-1 {
    gap: 0.25rem;
  }

  .sm\:gap-1\.5 {
    gap: 0.375rem;
  }

  .sm\:gap-10 {
    gap: 2.5rem;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

  .sm\:gap-wp-40 {
    gap: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
  }

  .sm\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:gap-y-12 {
    row-gap: 3rem;
  }

  .sm\:self-start {
    align-self: flex-start;
  }

  .sm\:whitespace-normal {
    white-space: normal;
  }

  .sm\:whitespace-nowrap {
    white-space: nowrap;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-0 {
    border-width: 0px;
  }

  .sm\:border-b-2 {
    border-bottom-width: 2px;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:border-t-0 {
    border-top-width: 0px;
  }

  .sm\:border-ebp-accent-6 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ebp-accent-6-rgb), var(--tw-border-opacity, 1));
  }

  .sm\:bg-\[\#0a0a09\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 9 / var(--tw-bg-opacity, 1));
  }

  .sm\:bg-\[\#1a1817\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 24 23 / var(--tw-bg-opacity, 1));
  }

  .sm\:p-1\.5 {
    padding: 0.375rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:py-\[calc\(0\.667em\+1px\)\] {
    padding-top: calc(0.667em + 1px);
    padding-bottom: calc(0.667em + 1px);
  }

  .sm\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  .sm\:pb-\[0\.6875rem\] {
    padding-bottom: 0.6875rem;
  }

  .sm\:pe-20 {
    padding-inline-end: 5rem;
  }

  .sm\:pl-4 {
    padding-left: 1rem;
  }

  .sm\:pr-5 {
    padding-right: 1.25rem;
  }

  .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:ps-0 {
    padding-inline-start: 0px;
  }

  .sm\:pt-0 {
    padding-top: 0px;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pt-16 {
    padding-top: 4rem;
  }

  .sm\:pt-2 {
    padding-top: 0.5rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

  .sm\:pt-24 {
    padding-top: 6rem;
  }

  .sm\:pt-3 {
    padding-top: 0.75rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }

  .sm\:text-\[0\.72rem\] {
    font-size: 0.72rem;
  }

  .sm\:text-\[0\.875rem\] {
    font-size: 0.875rem;
  }

  .sm\:text-\[1\.0625rem\] {
    font-size: 1.0625rem;
  }

  .sm\:text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .sm\:text-\[1\.375rem\] {
    font-size: 1.375rem;
  }

  .sm\:text-\[clamp\(1\.625rem\2c 4\.4vw\2c 3\.25rem\)\] {
    font-size: clamp(1.625rem, 4.4vw, 3.25rem);
  }

  .sm\:text-\[clamp\(1\.75rem\2c 3\.5vw\2c 2\.5rem\)\] {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  }

  .sm\:text-\[clamp\(2rem\2c 3\.5vw\2c 2\.75rem\)\] {
    font-size: clamp(2rem, 3.5vw, 2.75rem);
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-wp-small {
    font-size: 0.813rem;
  }

  .sm\:text-wp-x-large {
    font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.392), 1.75em);
  }

  .sm\:leading-\[1\.08\] {
    line-height: 1.08;
  }

  .sm\:leading-relaxed {
    line-height: 1.625;
  }

  .sm\:tracking-\[-0\.01em\] {
    letter-spacing: -0.01em;
  }

  .sm\:tracking-\[-0\.02em\] {
    letter-spacing: -0.02em;
  }

  .sm\:tracking-\[0\.12em\] {
    letter-spacing: 0.12em;
  }

  .sm\:tracking-\[0\.14em\] {
    letter-spacing: 0.14em;
  }

  .sm\:tracking-\[0\.16em\] {
    letter-spacing: 0.16em;
  }

  .sm\:tracking-\[0\.1em\] {
    letter-spacing: 0.1em;
  }

  .sm\:tracking-normal {
    letter-spacing: 0em;
  }

  .sm\:opacity-0 {
    opacity: 0;
  }

  .sm\:shadow-\[-16px_0_48px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
    --tw-shadow: -16px 0 48px rgba(0,0,0,0.6);
    --tw-shadow-colored: -16px 0 48px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-\[0_30px_90px_-20px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
    --tw-shadow: 0 30px 90px -20px rgba(0,0,0,0.55);
    --tw-shadow-colored: 0 30px 90px -20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  @media (hover: hover) and (pointer: fine) {

    .group:hover .sm\:group-hover\:opacity-100 {
      opacity: 1;
    }
  }
}
@media (min-width: 768px) {

  .md\:absolute {
    position: absolute;
  }

  .md\:block {
    display: block;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .md\:grid-cols-\[minmax\(0\2c 520px\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,520px) minmax(0,1fr);
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-baseline {
    align-items: baseline;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-wp-60 {
    gap: clamp(2.1875rem, calc(1.9375rem + 1.14vw), 3.5rem);
  }

  .md\:gap-wp-70 {
    gap: clamp(3rem, calc(2.5rem + 1.83vw), 5rem);
  }
}
@media (min-width: 1024px) {

  .lg\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:pointer-events-none {
    pointer-events: none;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:right-10 {
    right: 2.5rem;
  }

  .lg\:top-3 {
    top: 0.75rem;
  }

  .lg\:top-6 {
    top: 1.5rem;
  }

  .lg\:top-wp-40 {
    top: clamp(1.25rem, calc(1.125rem + 0.61vw), 1.75rem);
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-none {
    order: 0;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:ms-0 {
    margin-inline-start: 0px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:mt-9 {
    margin-top: 2.25rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-10 {
    height: 2.5rem;
  }

  .lg\:h-20 {
    height: 5rem;
  }

  .lg\:h-\[26rem\] {
    height: 26rem;
  }

  .lg\:h-\[28rem\] {
    height: 28rem;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:max-h-none {
    max-height: none;
  }

  .lg\:min-h-0 {
    min-height: 0px;
  }

  .lg\:min-h-\[calc\(100svh-79px\)\] {
    min-height: calc(100svh - 79px);
  }

  .lg\:min-h-\[calc\(100svh-79px-3\.5rem\)\] {
    min-height: calc(100svh - 79px - 3.5rem);
  }

  .lg\:w-10 {
    width: 2.5rem;
  }

  .lg\:w-20 {
    width: 5rem;
  }

  .lg\:w-56 {
    width: 14rem;
  }

  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:w-\[calc\(\(100\%-2rem\)\/3\)\] {
    width: calc((100% - 2rem) / 3);
  }

  .lg\:w-\[calc\(\(100\%-2rem\)\/3\.2\)\] {
    width: calc((100% - 2rem) / 3.2);
  }

  .lg\:w-\[calc\(\(100\%-3rem\)\/4\)\] {
    width: calc((100% - 3rem) / 4);
  }

  .lg\:w-\[calc\(\(100\%-3rem\)\/4\.2\)\] {
    width: calc((100% - 3rem) / 4.2);
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:min-w-\[16rem\] {
    min-width: 16rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:max-w-\[1240px\] {
    max-width: 1240px;
  }

  .lg\:max-w-\[640px\] {
    max-width: 640px;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:shrink {
    flex-shrink: 1;
  }

  .lg\:grow {
    flex-grow: 1;
  }

  .lg\:translate-y-10 {
    --tw-translate-y: 2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:cursor-default {
    cursor: default;
  }

  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.1fr_1fr\] {
    grid-template-columns: 1.1fr 1fr;
  }

  .lg\:grid-cols-\[19rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 19rem minmax(0,1fr);
  }

  .lg\:grid-cols-\[1fr_1\.05fr\] {
    grid-template-columns: 1fr 1.05fr;
  }

  .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .lg\:grid-cols-\[auto_minmax\(0\2c 1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.05fr\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_340px\] {
    grid-template-columns: minmax(0,1fr) 340px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_380px\] {
    grid-template-columns: minmax(0,1fr) 380px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 380px\)_minmax\(0\2c 760px\)\] {
    grid-template-columns: minmax(0,380px) minmax(0,760px);
  }

  .lg\:grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-16 {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:justify-self-auto {
    justify-self: auto;
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:whitespace-normal {
    white-space: normal;
  }

  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:p-2 {
    padding: 0.5rem;
  }

  .lg\:p-7 {
    padding: 1.75rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pl-12 {
    padding-left: 3rem;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }

  .lg\:text-\[0\.95rem\] {
    font-size: 0.95rem;
  }

  .lg\:text-\[clamp\(1\.625rem\2c 2\.2vw\2c 2rem\)\] {
    font-size: clamp(1.625rem, 2.2vw, 2rem);
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:font-semibold {
    font-weight: 600;
  }

  .lg\:uppercase {
    text-transform: uppercase;
  }

  .lg\:tracking-\[0\.18em\] {
    letter-spacing: 0.18em;
  }

  .lg\:text-white\/45 {
    color: rgb(255 255 255 / 0.45);
  }
}
@media (min-width: 1280px) {

  .xl\:flex {
    display: flex;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) {

  .\32xl\:opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1600px) {

  .min-\[1600px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1760px) {

  .min-\[1760px\]\:static {
    position: static;
  }

  .min-\[1760px\]\:left-8 {
    left: 2rem;
  }

  .min-\[1760px\]\:ml-0 {
    margin-left: 0px;
  }

  .min-\[1760px\]\:w-6 {
    width: 1.5rem;
  }

  .min-\[1760px\]\:rounded-lg {
    border-radius: var(--radius);
  }

  .min-\[1760px\]\:border-transparent {
    border-color: transparent;
  }

  .min-\[1760px\]\:bg-transparent {
    background-color: transparent;
  }

  .min-\[1760px\]\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .min-\[1760px\]\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .min-\[1760px\]\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .min-\[1760px\]\:opacity-100 {
    opacity: 1;
  }

  .min-\[1760px\]\:backdrop-blur-none {
    --tw-backdrop-blur:  ;
    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);
  }
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
  display: none;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>option\]\:bg-\[\#171614\]>option {
  --tw-bg-opacity: 1;
  background-color: rgb(23 22 20 / var(--tw-bg-opacity, 1));
}
.\[\&\>option\]\:bg-\[\#1c1a18\]>option {
  --tw-bg-opacity: 1;
  background-color: rgb(28 26 24 / var(--tw-bg-opacity, 1));
}
.\[\&\>option\]\:text-\[\#f3efe7\]>option {
  --tw-text-opacity: 1;
  color: rgb(243 239 231 / var(--tw-text-opacity, 1));
}
.\[\&\>svg\:last-child\]\:hidden>svg:last-child {
  display: none;
}
.peer:checked ~ .peer-checked\:\[\&_\.plan-dot\]\:scale-\[0\.55\] .plan-dot {
  --tw-scale-x: 0.55;
  --tw-scale-y: 0.55;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:checked ~ .peer-checked\:\[\&_\.plan-ring\]\:border-foreground .plan-ring {
  --tw-border-opacity: 1;
  border-color: rgb(var(--foreground-rgb), var(--tw-border-opacity, 1));
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_thead_th\:last-child\]\:pr-9 thead th:last-child {
  padding-right: 2.25rem;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
.no-js .\[\.no-js_\&\]\:hidden {
  display: none;
}
@media(max-height:700px) {

  .\[\@media\(max-height\:700px\)\]\:mt-2 {
    margin-top: 0.5rem;
  }

  .\[\@media\(max-height\:700px\)\]\:mt-2\.5 {
    margin-top: 0.625rem;
  }

  .\[\@media\(max-height\:700px\)\]\:mt-3 {
    margin-top: 0.75rem;
  }

  .\[\@media\(max-height\:700px\)\]\:hidden {
    display: none;
  }

  .\[\@media\(max-height\:700px\)\]\:gap-1\.5 {
    gap: 0.375rem;
  }

  .\[\@media\(max-height\:700px\)\]\:gap-3 {
    gap: 0.75rem;
  }

  .\[\@media\(max-height\:700px\)\]\:border-transparent {
    border-color: transparent;
  }

  .\[\@media\(max-height\:700px\)\]\:p-3\.5 {
    padding: 0.875rem;
  }

  .\[\@media\(max-height\:700px\)\]\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .\[\@media\(max-height\:700px\)\]\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .\[\@media\(max-height\:700px\)\]\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .\[\@media\(max-height\:700px\)\]\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .\[\@media\(max-height\:700px\)\]\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .\[\@media\(max-height\:700px\)\]\:pt-2\.5 {
    padding-top: 0.625rem;
  }

  .\[\@media\(max-height\:700px\)\]\:pt-3 {
    padding-top: 0.75rem;
  }

  .\[\@media\(max-height\:700px\)\]\:text-\[0\.7rem\] {
    font-size: 0.7rem;
  }

  .\[\@media\(max-height\:700px\)\]\:text-\[1\.15rem\] {
    font-size: 1.15rem;
  }

  .\[\@media\(max-height\:700px\)\]\:text-wp-small {
    font-size: 0.813rem;
  }

  .\[\@media\(max-height\:700px\)\]\:underline {
    text-decoration-line: underline;
  }

  .\[\@media\(max-height\:700px\)\]\:underline-offset-2 {
    text-underline-offset: 2px;
  }
}
@media(max-height:760px) {

  .\[\@media\(max-height\:760px\)\]\:mt-2 {
    margin-top: 0.5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:mt-3 {
    margin-top: 0.75rem;
  }

  .\[\@media\(max-height\:760px\)\]\:gap-2 {
    gap: 0.5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:gap-3 {
    gap: 0.75rem;
  }

  .\[\@media\(max-height\:760px\)\]\:p-2 {
    padding: 0.5rem;
  }

  .\[\@media\(max-height\:760px\)\]\:p-4 {
    padding: 1rem;
  }

  .\[\@media\(max-height\:760px\)\]\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  @media (min-width: 1024px) {

    .\[\@media\(max-height\:760px\)\]\:lg\:py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  }
}
@media(max-height:820px) {

  .\[\@media\(max-height\:820px\)\]\:mt-4 {
    margin-top: 1rem;
  }

  .\[\@media\(max-height\:820px\)\]\:gap-4 {
    gap: 1rem;
  }

  .\[\@media\(max-height\:820px\)\]\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  @media (min-width: 1024px) {

    .\[\@media\(max-height\:820px\)\]\:lg\:py-3 {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }
}