*, ::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:  ;
}
  html, body {
    margin: 0;
    padding: 0;
  }

  *, *::before, *::after {
    box-sizing: border-box;
  }

  @font-face {
    font-family: 'GT Walsheim Trial';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/gt-walsheim-trial-regular.woff2') format('woff2');
  }

  @font-face {
    font-family: 'GT Walsheim Trial';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/fonts/gt-walsheim-trial-medium.woff2') format('woff2');
  }
.tw-lamett-splash-button {
    display: inline-flex;
    height: 45px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    --tw-bg-opacity: 1;
    background-color: rgb(158 63 43 / var(--tw-bg-opacity, 1));
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    font-family: 'Questrial', Arial, sans-serif;
}
.tw-lamett-splash-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(132 49 31 / var(--tw-bg-opacity, 1));
}
.tw-lamett-splash-button:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(132 49 31 / var(--tw-bg-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.tw-lamett-splash-button .tw-arrow {
    display: inline-block;
    max-width: 0px;
    overflow: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.tw-lamett-splash-button:hover .tw-arrow {
    max-width: 20px;
    opacity: 1;
}
/* The language-selector modal itself (`.lang-select-popup` /
     `.lang-select-popup-block` / `.btn--close`) is no longer styled
     here. We pull in the existing Floors styles via splash.css
     (resources/sass/lamett/splash.scss imports
     resources/sass/components/langswitcher.scss + the Floors-specific
     resources/sass/lamett/components/langswitcher.scss), so the
     modal renders pixel-identically to the Floors language popup
     without us having to maintain a separate Tailwind copy. */
/* Re-open trigger in the splash header. Kept subtle so it doesn't
     visually compete with the Floors / Walls CTAs. The Floors site
     exposes the inline `.lang-select-block` switcher in its header;
     the splash has no header so we offer this small pill instead. */
.tw-lamett-splash-region-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    border-width: 1px;
    border-color: rgb(0 0 0 / 0.15);
    background-color: rgb(255 255 255 / 0.7);
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
    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: 200ms;
    font-family: 'Questrial', Arial, sans-serif;
}
.tw-lamett-splash-region-button:hover,
  .tw-lamett-splash-region-button:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.tw-absolute {
    position: absolute;
}
.tw-relative {
    position: relative;
}
.tw-inset-0 {
    inset: 0px;
}
.tw-bottom-\[64px\] {
    bottom: 64px;
}
.tw-left-\[28px\] {
    left: 28px;
}
.tw-z-10 {
    z-index: 10;
}
.tw-m-0 {
    margin: 0px;
}
.tw-mb-0 {
    margin-bottom: 0px;
}
.tw-mt-\[18px\] {
    margin-top: 18px;
}
.tw-mt-\[28px\] {
    margin-top: 28px;
}
.tw-flex {
    display: flex;
}
.tw-grid {
    display: grid;
}
.tw-h-\[16px\] {
    height: 16px;
}
.tw-h-auto {
    height: auto;
}
.tw-h-full {
    height: 100%;
}
.tw-min-h-\[42vh\] {
    min-height: 42vh;
}
.tw-min-h-\[58vh\] {
    min-height: 58vh;
}
.tw-min-h-screen {
    min-height: 100vh;
}
.tw-w-\[124px\] {
    width: 124px;
}
.tw-w-\[16px\] {
    width: 16px;
}
.tw-w-full {
    width: 100%;
}
.tw-max-w-\[340px\] {
    max-width: 340px;
}
.tw-max-w-\[512px\] {
    max-width: 512px;
}
.tw-flex-1 {
    flex: 1 1 0%;
}
.tw-shrink-0 {
    flex-shrink: 0;
}
.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.tw-flex-col {
    flex-direction: column;
}
.tw-items-center {
    align-items: center;
}
.tw-justify-center {
    justify-content: center;
}
.tw-justify-between {
    justify-content: space-between;
}
.tw-gap-\[16px\] {
    gap: 16px;
}
.tw-overflow-hidden {
    overflow: hidden;
}
.tw-bg-lamett-cream {
    --tw-bg-opacity: 1;
    background-color: rgb(239 235 229 / var(--tw-bg-opacity, 1));
}
.tw-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.tw-from-black\/25 {
    --tw-gradient-from: rgb(0 0 0 / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tw-from-black\/30 {
    --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tw-via-transparent {
    --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.tw-to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.tw-object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
.tw-p-0 {
    padding: 0px;
}
.tw-px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
}
.tw-py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px;
}
.tw-font-body {
    font-family: Questrial, Arial, sans-serif;
}
.tw-font-heading {
    font-family: GTWalsheim, Arial, sans-serif;
}
.tw-text-\[16px\] {
    font-size: 16px;
}
.tw-text-\[28px\] {
    font-size: 28px;
}
.tw-text-\[32px\] {
    font-size: 32px;
}
.tw-font-bold {
    font-weight: 700;
}
.tw-italic {
    font-style: italic;
}
.tw-leading-\[1\.2\] {
    line-height: 1.2;
}
.tw-leading-\[1\.8\] {
    line-height: 1.8;
}
.tw-tracking-\[-0\.015em\] {
    letter-spacing: -0.015em;
}
.tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-text-lamett-clay {
    --tw-text-opacity: 1;
    color: rgb(158 63 43 / var(--tw-text-opacity, 1));
}
.tw-text-lamett-ink {
    --tw-text-opacity: 1;
    color: rgb(29 29 27 / var(--tw-text-opacity, 1));
}
.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-underline {
    text-decoration-line: underline;
}
.tw-decoration-\[1\.5px\] {
    text-decoration-thickness: 1.5px;
}
.tw-underline-offset-\[5px\] {
    text-underline-offset: 5px;
}
@media (min-width: 640px) {
    .sm\:tw-left-\[40px\] {
        left: 40px;
    }
    .sm\:tw-px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .sm\:tw-text-\[36px\] {
        font-size: 36px;
    }
}
@media (min-width: 1280px) {
    .xl\:tw-left-\[48px\] {
        left: 48px;
    }
    .xl\:tw-min-h-screen {
        min-height: 100vh;
    }
    .xl\:tw-grid-cols-\[50\%_50\%\] {
        grid-template-columns: 50% 50%;
    }
    .xl\:tw-px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .xl\:tw-py-\[34px\] {
        padding-top: 34px;
        padding-bottom: 34px;
    }
    .xl\:tw-text-\[40px\] {
        font-size: 40px;
    }
}