@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*, ::backdrop, ::after, ::before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; }
}
}
@layer theme{:host, :root { --font-sans: var(--font-sans); --font-mono: var(--font-mono); --color-red-50: oklch(97.1% .013 17.38); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-900: oklch(39.6% .141 25.723); --color-amber-600: oklch(66.6% .179 58.318); --color-green-700: oklch(52.7% .154 150.069); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-900: oklch(21% .034 264.665); --color-neutral-50: var(--color-neutral-50); --color-neutral-100: var(--color-neutral-100); --color-neutral-200: var(--color-neutral-200); --color-neutral-300: var(--color-neutral-300); --color-neutral-400: var(--color-neutral-400); --color-neutral-500: var(--color-neutral-500); --color-neutral-600: var(--color-neutral-600); --color-neutral-700: var(--color-neutral-700); --color-neutral-800: var(--color-neutral-800); --color-neutral-900: var(--color-neutral-900); --color-neutral-950: var(--color-neutral-950); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-md: 28rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --drop-shadow-lg: 0 4px 4px #00000026; --ease-out: cubic-bezier(0,0,.2,1); --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-background: var(--color-background); --color-surface: var(--color-surface); --color-card: var(--color-card); --color-brand: var(--color-brand); --color-brand-strong: var(--color-brand-strong); --color-text: var(--color-text); --color-text-muted: var(--color-text-muted); --color-border: var(--color-border); --color-border-form: var(--color-border-form); --color-body: var(--color-body); --color-friendly-blue: var(--color-friendly-blue); --color-steel-blue: var(--color-steel-blue); --color-pure-comfort: var(--color-pure-comfort); --color-deep-harmony: var(--color-deep-harmony); --color-soft-mist: var(--color-soft-mist); --color-warm-cream: var(--color-warm-cream); --color-calm-stone: var(--color-calm-stone); --color-community-sky: var(--color-community-sky); --color-friendly-blue-200: var(--color-friendly-blue-200); --color-friendly-blue-400: var(--color-friendly-blue-400); --color-friendly-blue-500: var(--color-friendly-blue-500); --color-friendly-blue-600: var(--color-friendly-blue-600); --color-friendly-blue-700: var(--color-friendly-blue-700); --color-friendly-blue-800: var(--color-friendly-blue-800); --color-friendly-blue-900: var(--color-friendly-blue-900); --color-steel-blue-600: var(--color-steel-blue-600); --color-calm-stone-600: var(--color-calm-stone-600); --color-calm-stone-700: var(--color-calm-stone-700); --color-calm-stone-800: var(--color-calm-stone-800); --color-black-5: var(--color-black-5); --color-black-10: var(--color-black-10); --color-black-20: var(--color-black-20); --color-black-30: var(--color-black-30); --color-black-40: var(--color-black-40); --color-black-50: var(--color-black-50); --color-black-60: var(--color-black-60); --color-black-70: var(--color-black-70); --color-black-80: var(--color-black-80); --color-black-90: var(--color-black-90); --color-black-100: var(--color-black-100); --color-white-5: var(--color-white-5); --color-white-10: var(--color-white-10); --color-white-20: var(--color-white-20); --color-white-30: var(--color-white-30); --color-white-40: var(--color-white-40); --color-white-50: var(--color-white-50); --color-white-60: var(--color-white-60); --color-white-70: var(--color-white-70); --color-white-80: var(--color-white-80); --color-white-90: var(--color-white-90); --color-white-100: var(--color-white-100); --font-base: var(--font-base); --font-head: var(--font-head); --font-head-black: var(--font-head-black); --font-head-bold: var(--font-head-bold); --font-italic: var(--font-italic); }
}
@layer base{*, ::backdrop, ::after, ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
:host, html { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { text-decoration: inherit; }
b, strong { font-weight: bolder; }
menu, ol, ul { list-style: none; }
audio, canvas, embed, iframe, img, object, svg, video { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, optgroup, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::file-selector-button { margin-inline-end: 4px; }
::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab,red,red)){::placeholder { color: color-mix(currentcolor, transparent); }
}
}
::-webkit-search-decoration { appearance: none; }
::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
::-webkit-datetime-edit { display: inline-flex; }
::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field { padding-block: 0px; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field { padding-block: 0px; }
::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-second-field { padding-block: 0px; }
::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
::-webkit-calendar-picker-indicator { line-height: 1; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
::file-selector-button { appearance: button; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
* { box-sizing: border-box; }
body { margin: calc(var(--spacing) * 0); min-height: 100%; font-family: var(--font-sans); font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); color: var(--color-body); letter-spacing: 0.16px; background-color: rgb(246, 242, 236); flex-direction: column; display: flex; }
a { color: inherit; outline-style: var(--tw-outline-style); outline-width: 0px; text-decoration-line: none; }
img { max-width: 100%; height: auto; }
}
@layer components{.cms-prose { font-family: var(--font-sans); font-size: var(--text-base); --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); color: var(--color-deep-harmony); }
.cms-prose :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, figure, table, hr, pre, img, video, iframe) + :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, figure, table, hr, pre, img, video, iframe) { margin-top: calc(var(--spacing) * 7.5); }
.cms-prose :where(a) { text-underline-offset: 2px; text-decoration-line: underline; }
.cms-prose :where(strong, b) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
}
@layer utilities{.sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; }
.absolute, .sr-only { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-0 { inset: calc(var(--spacing) * 0); }
.inset-x-0 { inset-inline: calc(var(--spacing) * 0); }
.top-0 { top: calc(var(--spacing) * 0); }
.top-3\.75 { top: calc(var(--spacing) * 3.75); }
.top-\[9px\] { top: 9px; }
.isolate { isolation: isolate; }
.-z-10 { z-index: calc(-10); }
.-z-20 { z-index: calc(-20); }
.z-50 { z-index: 50; }
.order-1 { order: 1; }
.container { width: 100%; }
@media (min-width: 40rem){.container { max-width: 40rem; }
}
@media (min-width: 48rem){.container { max-width: 48rem; }
}
@media (min-width: 64rem){.container { max-width: 64rem; }
}
@media (min-width: 80rem){.container { max-width: 80rem; }
}
@media (min-width: 96rem){.container { max-width: 96rem; }
}
.mx-2 { margin-inline: calc(var(--spacing) * 2); }
.mx-auto { margin-inline: auto; }
.mt-8 { margin-top: calc(var(--spacing) * 8); }
.mb-0 { margin-bottom: calc(var(--spacing) * 0); }
.block { display: block; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.inline-flex { display: inline-flex; }
.size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
.size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); }
.size-full { width: 100%; height: 100%; }
.h-6\.5 { height: calc(var(--spacing) * 6.5); }
.h-\[91px\] { height: 91px; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.min-h-11 { min-height: calc(var(--spacing) * 11); }
.w-6\.5 { width: calc(var(--spacing) * 6.5); }
.w-40 { width: calc(var(--spacing) * 40); }
.w-full { width: 100%; }
.w-px { width: 1px; }
.w-xs { width: var(--container-xs); }
.max-w-7xl\! { max-width: var(--container-7xl) !important; }
.max-w-full { max-width: 100%; }
.flex-1 { flex: 1 1 0%; }
.shrink-0 { flex-shrink: 0; }
.rotate-180 { rotate: 180deg; }
.cursor-pointer { cursor: pointer; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-rows-\[0fr\] { grid-template-rows: 0fr; }
.grid-rows-\[1fr\] { grid-template-rows: 1fr; }
.flex-col { flex-direction: column; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-0 { gap: calc(var(--spacing) * 0); }
.gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
.gap-2 { gap: calc(var(--spacing) * 2); }
.gap-3 { gap: calc(var(--spacing) * 3); }
.gap-4 { gap: calc(var(--spacing) * 4); }
.gap-5 { gap: calc(var(--spacing) * 5); }
.gap-6 { gap: calc(var(--spacing) * 6); }
.gap-10 { gap: calc(var(--spacing) * 10); }
.gap-x-4 { column-gap: calc(var(--spacing) * 4); }
.gap-y-1 { row-gap: calc(var(--spacing) * 1); }
.self-center { align-self: center; }
.self-start { align-self: flex-start; }
.overflow-hidden { overflow: hidden; }
.scroll-smooth { scroll-behavior: smooth; }
.rounded-2xl { border-radius: var(--radius-2xl); }
.rounded-\[15px\] { border-radius: 15px; }
.rounded-\[28px\] { border-radius: 28px; }
.rounded-\[30px\] { border-radius: 30px; }
.rounded-full { border-radius: 3.40282e+38px; }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-border { border-color: var(--color-border); }
.border-soft-mist, .border-soft-mist\/60 { border-color: var(--color-soft-mist); }
@supports (color:color-mix(in lab,red,red)){.border-soft-mist\/60 { border-color: color-mix(in oklab,var(--color-soft-mist) 60%,transparent); }
}
.border-white\/7 { border-color: rgba(255, 255, 255, 0.07); }
@supports (color:color-mix(in lab,red,red)){.border-white\/7 { border-color: color-mix(in oklab,var(--color-white) 7%,transparent); }
}
.bg-\[rgba\(36\,33\,28\,0\.56\)\] { background-color: rgba(36, 33, 28, 0.56); }
.bg-\[rgba\(216\,216\,216\,0\.28\)\] { background-color: rgba(216, 216, 216, 0.28); }
.bg-calm-stone\/20 { background-color: var(--color-calm-stone); }
@supports (color:color-mix(in lab,red,red)){.bg-calm-stone\/20 { background-color: color-mix(in oklab,var(--color-calm-stone) 20%,transparent); }
}
.bg-community-sky { background-color: var(--color-community-sky); }
.bg-friendly-blue { background-color: var(--color-friendly-blue); }
.bg-pure-comfort { background-color: var(--color-pure-comfort); }
.bg-soft-mist { background-color: var(--color-soft-mist); }
.bg-steel-blue { background-color: var(--color-steel-blue); }
.bg-white { background-color: var(--color-white); }
.object-cover { object-fit: cover; }
.p-5 { padding: calc(var(--spacing) * 5); }
.p-8 { padding: calc(var(--spacing) * 8); }
.px-0 { padding-inline: calc(var(--spacing) * 0); }
.px-2 { padding-inline: calc(var(--spacing) * 2); }
.px-4 { padding-inline: calc(var(--spacing) * 4); }
.px-5 { padding-inline: calc(var(--spacing) * 5); }
.px-6 { padding-inline: calc(var(--spacing) * 6); }
.py-2 { padding-block: calc(var(--spacing) * 2); }
.py-3 { padding-block: calc(var(--spacing) * 3); }
.py-5 { padding-block: calc(var(--spacing) * 5); }
.py-10 { padding-block: calc(var(--spacing) * 10); }
.pt-7\.5 { padding-top: calc(var(--spacing) * 7.5); }
.pt-10 { padding-top: calc(var(--spacing) * 10); }
.pt-12\.5 { padding-top: calc(var(--spacing) * 12.5); }
.pb-0 { padding-bottom: calc(var(--spacing) * 0); }
.pb-5 { padding-bottom: calc(var(--spacing) * 5); }
.pb-6 { padding-bottom: calc(var(--spacing) * 6); }
.pb-7\.5 { padding-bottom: calc(var(--spacing) * 7.5); }
.pb-10 { padding-bottom: calc(var(--spacing) * 10); }
.text-center { text-align: center; }
.text-left { text-align: left; }
.font-italic { font-family: var(--font-italic); }
.font-sans { font-family: var(--font-sans); }
.text-h2, .text-h3 { line-height: var(--tw-leading,100%); letter-spacing: var(--tw-tracking,normal); font-weight: var(--tw-font-weight,400); }
.text-h3 { font-size: 36px; }
.text-h4, .text-h5 { line-height: var(--tw-leading,100%); letter-spacing: var(--tw-tracking,normal); font-weight: var(--tw-font-weight,400); }
.text-h5 { font-size: 20px; }
.text-title-2xl { font-size: 40px; }
.text-title-2xl, .text-title-xl { line-height: var(--tw-leading,100%); letter-spacing: var(--tw-tracking,normal); font-weight: var(--tw-font-weight,400); }
.text-title-xl { font-size: 32px; }
.text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
.text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
.text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.text-\[32px\] { font-size: 32px; }
.text-\[42px\] { font-size: 42px; }
.leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); }
.leading-11\.5 { --tw-leading: calc(var(--spacing) * 11.5); line-height: calc(var(--spacing) * 11.5); }
.leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; }
.leading-none { --tw-leading: 1; line-height: 1; }
.font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }
.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.tracking-\[-0\.04em\] { --tw-tracking: -.04em; letter-spacing: -0.04em; }
.tracking-\[-4\%\] { --tw-tracking: -4%; letter-spacing: -4%; }
.tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
.whitespace-normal\! { white-space: normal !important; }
.whitespace-nowrap { white-space: nowrap; }
.text-brand { color: var(--color-brand); }
.text-calm-stone { color: var(--color-calm-stone); }
.text-deep-harmony, .text-deep-harmony\/80 { color: var(--color-deep-harmony); }
.text-friendly-blue { color: var(--color-friendly-blue); }
.text-pure-comfort, .text-pure-comfort\/80 { color: var(--color-pure-comfort); }
@supports (color:color-mix(in lab,red,red)){.text-pure-comfort\/80 { color: color-mix(in oklab,var(--color-pure-comfort) 80%,transparent); }
}
.uppercase { text-transform: uppercase; }
.not-italic { font-style: normal; }
.backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); }
.backdrop-blur-sm, .backdrop-blur-xs { backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.backdrop-blur-xs { --tw-backdrop-blur: blur(var(--blur-xs)); }
.transition-\[grid-template-rows\] { transition-property: grid-template-rows; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.duration-300 { --tw-duration: .3s; transition-duration: 0.3s; }
.ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
@media (hover: hover){.hover\:bg-friendly-blue-400:hover { background-color: var(--color-friendly-blue-400); }
.hover\:text-brand-strong:hover { color: var(--color-brand-strong); }
.hover\:text-white:hover { color: var(--color-white); }
.hover\:before\:w-full:hover::before { content: var(--tw-content); width: 100%; }
}
.focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0px; padding: 0px; position: static; overflow: visible; }
.focus\:absolute:focus { position: absolute; }
.focus\:top-4:focus { top: calc(var(--spacing) * 4); }
.focus\:left-4:focus { left: calc(var(--spacing) * 4); }
.focus\:z-50:focus { z-index: 50; }
.focus\:rounded-md:focus { border-radius: var(--radius-md); }
.focus\:bg-white:focus { background-color: var(--color-white); }
.focus\:px-4:focus { padding-inline: calc(var(--spacing) * 4); }
.focus\:py-2:focus { padding-block: calc(var(--spacing) * 2); }
.active\:bg-friendly-blue-500:active { background-color: var(--color-friendly-blue-500); }
@media (hover: hover){.enabled\:hover\:text-brand:enabled:hover { color: var(--color-brand); }
}
.disabled\:pointer-events-none:disabled { pointer-events: none; }
.disabled\:border-transparent:disabled { border-color: rgba(0, 0, 0, 0); }
.disabled\:bg-\[\#ababab\]:disabled { background-color: rgb(171, 171, 171); }
.disabled\:text-pure-comfort:disabled { color: var(--color-pure-comfort); }
@media (min-width: 48rem){.md\:top-3 { top: calc(var(--spacing) * 3); }
.md\:order-2 { order: 2; }
.md\:mx-8 { margin-inline: calc(var(--spacing) * 8); }
.md\:mt-12 { margin-top: calc(var(--spacing) * 12); }
.md\:block { display: block; }
.md\:hidden { display: none; }
.md\:h-22 { height: calc(var(--spacing) * 22); }
.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.md\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
.md\:gap-4 { gap: calc(var(--spacing) * 4); }
.md\:gap-y-2 { row-gap: calc(var(--spacing) * 2); }
.md\:px-0 { padding-inline: calc(var(--spacing) * 0); }
.md\:pt-10 { padding-top: calc(var(--spacing) * 10); }
.md\:pt-15 { padding-top: calc(var(--spacing) * 15); }
.md\:pb-15 { padding-bottom: calc(var(--spacing) * 15); }
.md\:text-left { text-align: left; }
.md\:text-h2 { font-size: 56px; }
.md\:text-h2, .md\:text-h3 { line-height: var(--tw-leading,100%); letter-spacing: var(--tw-tracking,normal); font-weight: var(--tw-font-weight,400); }
.md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
.md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.md\:text-\[28px\] { font-size: 28px; }
.md\:text-\[46px\] { font-size: 46px; }
.md\:leading-\[1\.13\] { --tw-leading: 1.13; line-height: 1.13; }
.md\:leading-none { --tw-leading: 1; line-height: 1; }
.md\:before\:block::before { content: var(--tw-content); display: block; }
}
@media (min-width: 64rem){.lg\:top-5 { top: calc(var(--spacing) * 5); }
.lg\:mx-\[2\.8rem\] { margin-inline: 2.8rem; }
.lg\:size-6\.5 { width: calc(var(--spacing) * 6.5); height: calc(var(--spacing) * 6.5); }
.lg\:h-\[123px\] { height: 123px; }
.lg\:w-80 { width: calc(var(--spacing) * 80); }
.lg\:max-w-165 { max-width: calc(var(--spacing) * 165); }
.lg\:flex-row { flex-direction: row; }
.lg\:items-end { align-items: flex-end; }
.lg\:items-start { align-items: flex-start; }
.lg\:justify-between { justify-content: space-between; }
.lg\:justify-start { justify-content: flex-start; }
.lg\:gap-4 { gap: calc(var(--spacing) * 4); }
.lg\:gap-8 { gap: calc(var(--spacing) * 8); }
.lg\:gap-10 { gap: calc(var(--spacing) * 10); }
.lg\:gap-12 { gap: calc(var(--spacing) * 12); }
.lg\:gap-16 { gap: calc(var(--spacing) * 16); }
.lg\:rounded-\[60px\] { border-radius: 60px; }
.lg\:p-8 { padding: calc(var(--spacing) * 8); }
.lg\:p-10 { padding: calc(var(--spacing) * 10); }
.lg\:p-20 { padding: calc(var(--spacing) * 20); }
.lg\:pr-15 { padding-right: calc(var(--spacing) * 15); }
.lg\:pb-8 { padding-bottom: calc(var(--spacing) * 8); }
.lg\:text-start { text-align: start; }
.lg\:text-h1 { font-size: 72px; }
.lg\:text-h1, .lg\:text-h2 { line-height: var(--tw-leading,100%); letter-spacing: var(--tw-tracking,normal); font-weight: var(--tw-font-weight,400); }
.lg\:text-title-2xl { font-size: 40px; line-height: var(--tw-leading,100%); letter-spacing: var(--tw-tracking,normal); font-weight: var(--tw-font-weight,400); }
.lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.lg\:leading-none { --tw-leading: 1; line-height: 1; }
.lg\:before\:block::before { content: var(--tw-content); display: block; }
.lg\:after\:pointer-events-none::after { content: var(--tw-content); pointer-events: none; }
.lg\:after\:absolute::after { content: var(--tw-content); position: absolute; }
.lg\:after\:inset-0::after { content: var(--tw-content); inset: calc(var(--spacing) * 0); }
.lg\:after\:-right-50::after { content: var(--tw-content); right: calc(var(--spacing) * -50); }
.lg\:after\:-bottom-50::after { content: var(--tw-content); bottom: calc(var(--spacing) * -50); }
.lg\:after\:left-auto::after { content: var(--tw-content); left: auto; }
.lg\:after\:bg-linear-to-t::after { content: var(--tw-content); --tw-gradient-position: to top; }
@supports (background-image:linear-gradient(in lab,red,red)){.lg\:after\:bg-linear-to-t::after { --tw-gradient-position: to top in oklab; }
}
.lg\:after\:bg-linear-to-t::after { background-image: linear-gradient(var(--tw-gradient-stops)); }
.lg\:after\:from-black\/80::after { content: var(--tw-content); --tw-gradient-from: #000c; }
@supports (color:color-mix(in lab,red,red)){.lg\:after\:from-black\/80::after { --tw-gradient-from: color-mix(in oklab,var(--color-black) 80%,transparent); }
}
.lg\:after\:from-black\/80::after { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.lg\:after\:via-black\/20::after { content: var(--tw-content); --tw-gradient-via: #0003; }
@supports (color:color-mix(in lab,red,red)){.lg\:after\:via-black\/20::after { --tw-gradient-via: color-mix(in oklab,var(--color-black) 20%,transparent); }
}
.lg\:after\:via-black\/20::after { --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.lg\:after\:to-black\/50::after { content: var(--tw-content); --tw-gradient-to: #00000080; }
@supports (color:color-mix(in lab,red,red)){.lg\:after\:to-black\/50::after { --tw-gradient-to: color-mix(in oklab,var(--color-black) 50%,transparent); }
}
.lg\:after\:to-black\/50::after { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.lg\:after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); }
}
@media (min-width: 80rem){.xl\:mx-\[4\.8rem\] { margin-inline: 4.8rem; }
.xl\:w-100\.25 { width: calc(var(--spacing) * 100.25); }
.xl\:w-full { width: 100%; }
.xl\:max-w-\[320px\] { max-width: 320px; }
.xl\:flex-1 { flex: 1 1 0%; }
.xl\:shrink-0 { flex-shrink: 0; }
.xl\:flex-row { flex-direction: row; }
.xl\:items-start { align-items: flex-start; }
.xl\:justify-end { justify-content: flex-end; }
.xl\:gap-7 { gap: calc(var(--spacing) * 7); }
.xl\:gap-8 { gap: calc(var(--spacing) * 8); }
.xl\:gap-x-4 { column-gap: calc(var(--spacing) * 4); }
.xl\:rounded-\[40px\] { border-radius: 40px; }
.xl\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.xl\:p-10 { padding: calc(var(--spacing) * 10); }
.xl\:px-6 { padding-inline: calc(var(--spacing) * 6); }
.xl\:px-10 { padding-inline: calc(var(--spacing) * 10); }
.xl\:pb-8 { padding-bottom: calc(var(--spacing) * 8); }
.xl\:text-left { text-align: left; }
}
.\[\&_\.swiper-button-next\]\:after\:text-lg .swiper-button-next::after { content: var(--tw-content); font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.\[\&_\.swiper-button-prev\]\:after\:text-lg .swiper-button-prev::after { content: var(--tw-content); font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
@media (hover: hover){.\[\&_a\]\:hover\:text-steel-blue a:hover { color: var(--color-steel-blue); }
}
.\[\&_a\:hover\]\:no-underline a:hover { text-decoration-line: none; }
.\[\&_li\]\:marker\:text-brand li ::marker { color: var(--color-brand); }
.\[\&_li\]\:marker\:text-brand li::marker { color: var(--color-brand); }
.\[\&_li\]\:marker\:text-brand li ::-webkit-details-marker, .\[\&_li\]\:marker\:text-brand li::-webkit-details-marker { color: var(--color-brand); }
.\[\&_p\]\:m-0 p { margin: calc(var(--spacing) * 0); }
.\[\&_p\]\:font-sans p { font-family: var(--font-sans); }
.\[\&_p\]\:text-sm p { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
@media (min-width: 64rem){.lg\:\[\&_p\]\:max-w-105 p { max-width: calc(var(--spacing) * 105); }
.lg\:\[\&_p\]\:text-right p { text-align: right; }
.lg\:\[\&_p\]\:text-base p { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
}
.\[\&_p_a\:hover\]\:\!no-underline p a:hover { text-decoration-line: none !important; }
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker, .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; }
}
@font-face { font-display: swap; font-family: basefont; font-style: normal; src: url(fonts/Roobert/Roobert-Regular-latin-v1.woff2) format("woff2"); }
@font-face { font-display: swap; font-family: roobert; font-style: normal; font-weight: 400; src: url(fonts/Roobert/Roobert-Regular-latin-v1.woff2) format("woff2"); }
@font-face { font-display: swap; font-family: roobert; font-style: normal; font-weight: 500; src: url(fonts/Roobert/Roobert-Medium-latin-v1.woff2) format("woff2"); }
@font-face { font-display: swap; font-family: tiempos-italic; font-style: italic; font-weight: 300; src: url(fonts/Tiempos/tiempos-headline-light-italic-latin-v1.woff2) format("woff2"); }
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
:root { --color-background: #f8f5ef; --color-surface: #fffdf8; --color-card: #fff; --color-brand: #4078c0; --color-brand-strong: #305a91; --color-text: #1f1d1a; --color-text-muted: #9b9b9b; --color-border: #e2e2e2; --color-body: #24211c; --color-border-form: #ccc; --color-friendly-blue: #d5e6fa; --color-steel-blue: #2c5287; --color-pure-comfort: #fff; --color-deep-harmony: var(--color-body); --color-soft-mist: #ccc0b2; --color-warm-cream: #f5f2ec; --color-calm-stone: #514a44; --color-community-sky: #5c8cc9; --color-friendly-blue-200: #f1f8ff; --color-friendly-blue-400: #becfe3; --color-friendly-blue-500: #a7b8cd; --color-friendly-blue-600: #91a2b6; --color-friendly-blue-700: #7c8c9f; --color-friendly-blue-800: #687789; --color-friendly-blue-900: #556272; --color-steel-blue-600: #385880; --color-calm-stone-600: #958c85; --color-calm-stone-700: #7e766f; --color-calm-stone-800: #686059; --color-neutral-50: #fafafa; --color-neutral-100: #f5f5f5; --color-neutral-200: #e5e5e5; --color-neutral-300: #d4d4d4; --color-neutral-400: #a3a3a3; --color-neutral-500: #737373; --color-neutral-600: #525252; --color-neutral-700: #404040; --color-neutral-800: #262626; --color-neutral-900: #171717; --color-neutral-950: #0a0a0a; --color-black-5: #0000000d; --color-black-10: #0000001a; --color-black-20: #0003; --color-black-30: #0000004d; --color-black-40: #0006; --color-black-50: #00000080; --color-black-60: #0009; --color-black-70: #000000b3; --color-black-80: #000c; --color-black-90: #000000e6; --color-black-100: #000; --color-white-5: #ffffff0d; --color-white-10: #ffffff1a; --color-white-20: #fff3; --color-white-30: #ffffff4d; --color-white-40: #fff6; --color-white-50: #ffffff80; --color-white-60: #fff9; --color-white-70: #ffffffb3; --color-white-80: #fffc; --color-white-90: #ffffffe6; --color-white-100: #fff; --font-fallback: "Avenir Next","Segoe UI",sans-serif; --font-sans: roobert,var(--font-fallback); --font-mono: "SFMono-Regular","Menlo",monospace; --font-base: basefont,var(--font-fallback); --font-head: headfont,var(--font-fallback); --font-head-black: headfont-black,var(--font-fallback); --font-head-bold: headfont-bold,var(--font-fallback); --font-italic: tiempos-italic,serif; }
.wrapper { background-image: url(body-bg.png); background-position: 0px 100%; background-repeat: no-repeat; }
.container { max-width: 1440px; }
.container, .container-1022, .container-1120, .container-1180, .container-1200, .container-1280, .container-1310, .container-1358, .container-1370, .container-1440 { width: 100%; padding-inline: calc(var(--spacing) * 4); margin-inline: auto; }
.container-1022 { max-width: 1054px; }
.container-1280 { max-width: 1312px; }
.container-1370 { max-width: 1402px; }
.site-header { --header-fg: var(--color-deep-harmony); }
.site-header-anchor { height: 79px; }
@media (min-width: 1024px){.site-header-anchor { height: 84px; }
}
html:has(.location-search-block--page) .location-search-block--page::before, html:has(.page-heading-block) .page-heading-block::before { background-color: var(--color-pure-comfort); content: ""; pointer-events: none; width: 100%; height: 100%; position: absolute; top: -100%; left: 0px; }
.site-header-anchor { transition: background-color 0.35s; }
html { scroll-padding-top: var(--site-chrome-h,0); }
.site-header .header-pill { transition: background-color 0.35s, box-shadow 0.35s; }
.site-header .header-logo, .site-header .header-logo-mb { transition: filter 0.35s; }
html:has([data-hide-footer="true"]) .site-footer { display: none; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes pulse { 
  50% { opacity: 0.5; }
}

/* Compact footer (Putney site) */
.cp-foot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 24px}
.cp-foot-logo img{display:block;width:180px;height:auto}
.cp-foot-social{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px}
.cp-foot-social em{font-size:1.5rem;line-height:1}
.cp-foot-follow{font-size:.875rem}
.cp-foot-social a{display:flex;width:26px;height:26px}
.cp-foot-social a svg{width:100%;height:100%}
@media (min-width:768px){.cp-foot{flex-direction:row;justify-content:space-between;padding:20px 40px}}

/* Pre-sale countdown */
.cp-presale{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.cp-presale p{margin:0}
.cp-countdown{display:flex;gap:8px;margin-top:8px}
.cp-countdown[hidden]{display:none}
.cp-unit{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:12px 8px 10px;border-radius:12px;background:rgba(36,33,28,.56);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07)}
.cp-num{font-family:var(--font-italic);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.cp-lab{margin-top:6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
@media (min-width:1024px){
  .cp-presale{align-items:flex-end;text-align:right}
  .cp-countdown{gap:10px}
  .cp-unit{min-width:78px;padding:14px 10px 12px;border-radius:15px}
  .cp-num{font-size:38px}
  .cp-lab{font-size:11px}
}
@media (max-width:1023px){.cp-countdown{width:100%;max-width:320px}.cp-unit{flex:1 1 0;min-width:0}}

/* Phone: memberships first, pre-sale countdown below them */
@media (max-width:1023px){
  .cp-hero-row{display:contents}
  .cp-hero-row>*{width:100%}
  .cp-presale-wrap{order:2;color:var(--color-pure-comfort,#fff)}
}