/* [next]/internal/font/google/cormorant_garamond_9c2d03a7.module.css [app-client] (css) */
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../media/d8cddd76dbfeaef0-s.0ilg37~12qzfz.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../media/591574edbe85c69b-s.0rbr02z3z6mfi.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../media/acf349172f10b359-s.056wj0-m8vpjn.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../media/0926c12c4384550f-s.0nas3qtlwu1e5.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../media/8bd76523131fa0fc-s.p.0jox806dnq5~c.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../media/d8cddd76dbfeaef0-s.0ilg37~12qzfz.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../media/591574edbe85c69b-s.0rbr02z3z6mfi.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../media/acf349172f10b359-s.056wj0-m8vpjn.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../media/0926c12c4384550f-s.0nas3qtlwu1e5.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../media/8bd76523131fa0fc-s.p.0jox806dnq5~c.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../media/d8cddd76dbfeaef0-s.0ilg37~12qzfz.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../media/591574edbe85c69b-s.0rbr02z3z6mfi.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../media/acf349172f10b359-s.056wj0-m8vpjn.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../media/0926c12c4384550f-s.0nas3qtlwu1e5.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Cormorant Garamond;
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../media/8bd76523131fa0fc-s.p.0jox806dnq5~c.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/01e4147cff8141ee-s.p.10ked.7w885.g.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/01e4147cff8141ee-s.p.10ked.7w885.g.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Cormorant Garamond;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/01e4147cff8141ee-s.p.10ked.7w885.g.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Cormorant Garamond Fallback;
src: local(Times New Roman);
ascent-override: 95.27%;
descent-override: 29.59%;
line-gap-override: 0.0%;
size-adjust: 96.98%;
}
.cormorant_garamond_9c2d03a7-module__oK86Ja__className {
font-family: Cormorant Garamond, Cormorant Garamond Fallback;
}
.cormorant_garamond_9c2d03a7-module__oK86Ja__variable {
--font-display: "Cormorant Garamond", "Cormorant Garamond Fallback";
}
/* [next]/internal/font/google/jost_94a44f88.module.css [app-client] (css) */
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../media/39c55468420adfa6-s.0dm~y109r_cge.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../media/9b8f0e32b229dbc1-s.045ah.fd_t~6v.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../media/81cef6a21128489e-s.p.0rb1wy2~c~egv.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/39c55468420adfa6-s.0dm~y109r_cge.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/9b8f0e32b229dbc1-s.045ah.fd_t~6v.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/81cef6a21128489e-s.p.0rb1wy2~c~egv.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/39c55468420adfa6-s.0dm~y109r_cge.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/9b8f0e32b229dbc1-s.045ah.fd_t~6v.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
font-family: Jost;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/81cef6a21128489e-s.p.0rb1wy2~c~egv.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Jost Fallback;
src: local(Arial);
ascent-override: 111.45%;
descent-override: 39.06%;
line-gap-override: 0.0%;
size-adjust: 96.01%;
}
.jost_94a44f88-module__DfSDca__className {
font-family: Jost, Jost Fallback;
font-style: normal;
}
.jost_94a44f88-module__DfSDca__variable {
--font-sans: "Jost", "Jost Fallback";
}
/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-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-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: 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-duration: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
}
}
}
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--spacing: .25rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-6xl: 72rem;
--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;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--tracking-tight: -.025em;
--tracking-widest: .1em;
--leading-relaxed: 1.625;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
--ease-out: cubic-bezier(0, 0, .2, 1);
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--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);
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-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;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer components;
@layer utilities {
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0;
}
.bottom-6 {
bottom: calc(var(--spacing) * 6);
}
.left-1\/2 {
left: 50%;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.mx-auto {
margin-inline: auto;
}
.my-1 {
margin-block: var(--spacing);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-14 {
margin-top: calc(var(--spacing) * 14);
}
.\!mb-0 {
margin-bottom: 0 !important;
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-flex {
display: inline-flex;
}
.aspect-\[4\/3\] {
aspect-ratio: 4 / 3;
}
.aspect-\[4\/5\] {
aspect-ratio: 4 / 5;
}
.aspect-square {
aspect-ratio: 1;
}
.size-3 {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.size-5 {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.size-11 {
width: calc(var(--spacing) * 11);
height: calc(var(--spacing) * 11);
}
.size-20 {
width: calc(var(--spacing) * 20);
height: calc(var(--spacing) * 20);
}
.\!h-auto {
height: auto !important;
}
.h-\[500px\] {
height: 500px;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.min-h-dvh {
min-height: 100dvh;
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-full {
width: 100%;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-\[1100px\] {
max-width: 1100px;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-xl {
max-width: var(--container-xl);
}
.shrink-0 {
flex-shrink: 0;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.animate-pulse {
animation: var(--animate-pulse);
}
.resize {
resize: both;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-7 {
gap: calc(var(--spacing) * 7);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.gap-12 {
gap: calc(var(--spacing) * 12);
}
.gap-16 {
gap: calc(var(--spacing) * 16);
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-12 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-14 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-6 {
column-gap: calc(var(--spacing) * 6);
}
.gap-y-2 {
row-gap: calc(var(--spacing) * 2);
}
.overflow-hidden {
overflow: hidden;
}
.\!rounded-none {
border-radius: 0 !important;
}
.\!rounded-xl {
border-radius: var(--radius-xl) !important;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-\[var\(--line\)\], .border-border {
border-color: var(--line);
}
.border-border\/60 {
border-color: var(--line);
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/60 {
border-color: color-mix(in oklab, var(--line) 60%, transparent);
}
}
.\!bg-transparent {
background-color: #0000 !important;
}
.bg-\[var\(--accent\)\] {
background-color: var(--accent);
}
.bg-\[var\(--bg-3\)\] {
background-color: var(--bg-3);
}
.bg-accent {
background-color: var(--accent);
}
.bg-accent\/15 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/15 {
background-color: color-mix(in oklab, var(--accent) 15%, transparent);
}
}
.bg-surface {
background-color: var(--bg-1);
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-background {
--tw-gradient-from: var(--bg);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-background\/70 {
--tw-gradient-from: var(--bg);
}
@supports (color: color-mix(in lab, red, red)) {
.from-background\/70 {
--tw-gradient-from: color-mix(in oklab, var(--bg) 70%, transparent);
}
}
.from-background\/70 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-surface {
--tw-gradient-from: var(--bg-1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-background\/30 {
--tw-gradient-via: var(--bg);
}
@supports (color: color-mix(in lab, red, red)) {
.via-background\/30 {
--tw-gradient-via: color-mix(in oklab, var(--bg) 30%, transparent);
}
}
.via-background\/30 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-background\/60 {
--tw-gradient-via: var(--bg);
}
@supports (color: color-mix(in lab, red, red)) {
.via-background\/60 {
--tw-gradient-via: color-mix(in oklab, var(--bg) 60%, transparent);
}
}
.via-background\/60 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-background\/85 {
--tw-gradient-via: var(--bg);
}
@supports (color: color-mix(in lab, red, red)) {
.via-background\/85 {
--tw-gradient-via: color-mix(in oklab, var(--bg) 85%, transparent);
}
}
.via-background\/85 {
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-background\/20 {
--tw-gradient-to: var(--bg);
}
@supports (color: color-mix(in lab, red, red)) {
.to-background\/20 {
--tw-gradient-to: color-mix(in oklab, var(--bg) 20%, transparent);
}
}
.to-background\/20 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-background\/60 {
--tw-gradient-to: var(--bg);
}
@supports (color: color-mix(in lab, red, red)) {
.to-background\/60 {
--tw-gradient-to: color-mix(in oklab, var(--bg) 60%, transparent);
}
}
.to-background\/60 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.object-cover {
object-fit: cover;
}
.\!p-0 {
padding: 0 !important;
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-24 {
padding-block: calc(var(--spacing) * 24);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-24 {
padding-top: calc(var(--spacing) * 24);
}
.pt-32 {
padding-top: calc(var(--spacing) * 32);
}
.pb-16 {
padding-bottom: calc(var(--spacing) * 16);
}
.pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.text-center {
text-align: center;
}
.font-mono {
font-family: var(--font-mono);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\!text-\[13px\] {
font-size: 13px !important;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.leading-\[1\.05\] {
--tw-leading: 1.05;
line-height: 1.05;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.3em\] {
--tw-tracking: .3em;
letter-spacing: .3em;
}
.tracking-\[0\.22em\] {
--tw-tracking: .22em;
letter-spacing: .22em;
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.\!text-\[var\(--ink-2\)\] {
color: var(--ink-2) !important;
}
.\!text-\[var\(--ink-4\)\] {
color: var(--ink-4) !important;
}
.text-\[var\(--accent\)\] {
color: var(--accent);
}
.text-\[var\(--ink\)\] {
color: var(--ink);
}
.text-\[var\(--ink-2\)\] {
color: var(--ink-2);
}
.text-\[var\(--ink-3\)\] {
color: var(--ink-3);
}
.text-accent {
color: var(--accent);
}
.text-foreground {
color: var(--ink);
}
.text-foreground\/50 {
color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.text-foreground\/50 {
color: color-mix(in oklab, var(--ink) 50%, transparent);
}
}
.text-foreground\/60 {
color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.text-foreground\/60 {
color: color-mix(in oklab, var(--ink) 60%, transparent);
}
}
.text-foreground\/70 {
color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.text-foreground\/70 {
color: color-mix(in oklab, var(--ink) 70%, transparent);
}
}
.text-foreground\/75 {
color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.text-foreground\/75 {
color: color-mix(in oklab, var(--ink) 75%, transparent);
}
}
.text-foreground\/80 {
color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.text-foreground\/80 {
color: color-mix(in oklab, var(--ink) 80%, transparent);
}
}
.text-foreground\/85 {
color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.text-foreground\/85 {
color: color-mix(in oklab, var(--ink) 85%, transparent);
}
}
.text-muted {
color: var(--ink-3);
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.not-italic {
font-style: normal;
}
.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, );
}
.opacity-60 {
opacity: .6;
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-foreground\/5 {
--tw-ring-color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.ring-foreground\/5 {
--tw-ring-color: color-mix(in oklab, var(--ink) 5%, transparent);
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.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-700 {
--tw-duration: .7s;
transition-duration: .7s;
}
@media (hover: hover) {
.group-hover\:scale-105:is(:where(.group):hover *) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.hover\:bg-\[var\(--bg-3\)\]:hover {
background-color: var(--bg-3);
}
}
@media (hover: hover) {
.hover\:\!text-\[var\(--accent\)\]:hover {
color: var(--accent) !important;
}
}
@media (hover: hover) {
.hover\:text-foreground:hover {
color: var(--ink);
}
}
.disabled\:opacity-30:disabled {
opacity: .3;
}
@media (min-width: 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:gap-3 {
gap: calc(var(--spacing) * 3);
}
}
@media (min-width: 40rem) {
.sm\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:flex {
display: flex;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:py-32 {
padding-block: calc(var(--spacing) * 32);
}
}
@media (min-width: 48rem) {
.md\:pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
}
@media (min-width: 64rem) {
.lg\:sticky {
position: sticky;
}
}
@media (min-width: 64rem) {
.lg\:top-4 {
top: calc(var(--spacing) * 4);
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1fr_380px\] {
grid-template-columns: 1fr 380px;
}
}
@media (min-width: 64rem) {
.lg\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
}
}
:root {
--bg: #0d0704;
--bg-1: #180e09;
--bg-2: #251711;
--bg-3: #33221b;
--ink: #f7f1e9;
--ink-2: #cfc6bb;
--ink-3: #9b9086;
--ink-4: #71675f;
--accent: #cf6d45;
--accent-2: #de8f57;
--accent-ink: #21110a;
--gold: #e1b66c;
--accent-soft: #cf6d4521;
--glow: #d8662a66;
--gold-glow: #e6b55d59;
--line: #ffffff17;
--line-2: #ffffff29;
--f-display: "Cormorant Garamond", Georgia, serif;
--f-sans: "Jost", system-ui, -apple-system, sans-serif;
--maxw: 1240px;
--gutter: clamp(20px, 5vw, 56px);
--r-sm: 8px;
--r-md: 12px;
--r: 16px;
--r-lg: 24px;
--r-xl: 34px;
--r-pill: 999px;
--r-arch: 50% 50% 8px 8px / 62% 62% 8px 8px;
--ease: cubic-bezier(.2,.7,.3,1);
--ease-out: cubic-bezier(.16,1,.3,1);
--t-fast: .22s;
--t: .42s;
--t-slow: .8s;
--shadow-card: 0 2px 8px -4px #00000080, 0 12px 34px -22px #000000b3;
--shadow-lg: 0 30px 80px -40px #000000d9;
--anim: 1;
}
@supports (color: lab(0% 0 0)) {
:root {
--bg: lab(2.19041% 1.49838 1.51318);
--bg-1: lab(4.75752% 3.75246 3.48771);
--bg-2: lab(9.35667% 6.71566 6.7847);
--bg-3: lab(15.122% 7.92758 8.14455);
--ink: lab(95.38% 1.05011 4.44876);
--ink-2: lab(80.2865% 2.1275 6.52792);
--ink-3: lab(60.5415% 2.95046 7.03242);
--ink-4: lab(44.2817% 3.13774 6.06487);
--accent: lab(57.2562% 37.1884 39.8727);
--accent-2: lab(66.963% 26.8559 42.4565);
--accent-ink: lab(7.05003% 7.59616 6.47074);
--gold: lab(76.9052% 9.54071 43.5438);
--accent-soft: lab(57.2562% 37.1884 39.8727 / .13);
--glow: lab(57.1058% 43.3157 53.5343 / .4);
--gold-glow: lab(76.888% 11.458 50.9953 / .35);
--line: lab(100% 0 0 / .09);
--line-2: lab(100% 0 0 / .16);
}
}
[data-ambiance="dore"] {
--bg: #190c04;
--bg-1: #241409;
--bg-2: #331e11;
--bg-3: #422a1c;
--ink: #fcf4e6;
--ink-2: #d9ccb8;
--ink-3: #ab9c88;
--ink-4: #817262;
--accent: #dda658;
--accent-2: #d77e49;
--gold: #e9bd68;
--accent-soft: #dda65826;
--glow: #e5a23a6b;
--gold-glow: #eebb5866;
}
@supports (color: lab(0% 0 0)) {
[data-ambiance="dore"] {
--bg: lab(4.35467% 4.39854 4.8941);
--bg-1: lab(8.19732% 7.72114 8.91746);
--bg-2: lab(13.9565% 9.35134 13.1382);
--bg-3: lab(19.7244% 10.5467 14.0941);
--ink: lab(96.5831% .986636 7.62615);
--ink-2: lab(82.6601% 2.30446 11.4005);
--ink-3: lab(65.23% 3.51191 12.8078);
--ink-4: lab(48.9433% 4.12694 10.9395);
--accent: lab(72.0928% 14.8707 47.7188);
--accent-2: lab(62.1273% 32.1051 43.9022);
--gold: lab(79.2707% 9.37513 48.4919);
--accent-soft: lab(72.0928% 14.8707 47.7188 / .15);
--glow: lab(72.0166% 19.1511 61.3673 / .42);
--gold-glow: lab(79.2562% 11.1802 56.2651 / .4);
}
}
[data-ambiance="rose"] {
--bg: #15060c;
--bg-1: #210c15;
--bg-2: #2f1620;
--bg-3: #3e212b;
--ink: #faefee;
--ink-2: #d8c5c7;
--ink-3: #a99295;
--ink-4: #7d696c;
--accent: #d7828b;
--accent-2: #d57355;
--gold: #e9b082;
--accent-soft: #d7828b26;
--glow: #e776876b;
--gold-glow: #f2ad7359;
}
@supports (color: lab(0% 0 0)) {
[data-ambiance="rose"] {
--bg: lab(2.8441% 5.55845 -.777084);
--bg-1: lab(5.78505% 11.3284 -1.14239);
--bg-2: lab(11.2709% 14.4179 -1.0017);
--bg-3: lab(17.0277% 15.8117 -.454307);
--ink: lab(95.2398% 3.80367 1.60394);
--ink-2: lab(81.1935% 7.25451 1.82146);
--ink-3: lab(62.552% 9.32962 1.5873);
--ink-4: lab(46.3293% 8.68988 1.13044);
--accent: lab(64.0394% 34.2113 10.3955);
--accent-2: lab(59.542% 37.0772 34.4404);
--gold: lab(76.5248% 17.2429 31.9976);
--accent-soft: lab(64.0394% 34.2113 10.3955 / .15);
--glow: lab(63.6135% 45.7273 12.1291 / .42);
--gold-glow: lab(76.4321% 21.6319 40.055 / .35);
}
}
*, :before, :after {
box-sizing: border-box;
}
* {
margin: 0;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
font-family: var(--f-sans);
background: var(--bg);
color: var(--ink);
letter-spacing: .005em;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
transition: background var(--t) var(--ease), color var(--t) var(--ease);
font-weight: 300;
line-height: 1.6;
overflow-x: hidden;
}
img {
max-width: 100%;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
button {
font: inherit;
color: inherit;
cursor: pointer;
background: none;
border: none;
}
::selection {
background: var(--accent);
color: var(--accent-ink);
}
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 3px;
border-radius: 4px;
}
body:after {
content: "";
z-index: 9990;
pointer-events: none;
opacity: .04;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,");
position: fixed;
inset: 0;
}
body.no-grain:after {
display: none;
}
.display {
font-family: var(--f-display);
letter-spacing: -.01em;
font-weight: 500;
line-height: 1.02;
}
h1, h2, h3 {
font-family: var(--f-display);
letter-spacing: -.01em;
font-weight: 500;
line-height: 1.05;
}
em, .em {
color: var(--accent);
font-style: italic;
}
[data-ambiance="dore"] em, [data-ambiance="dore"] .em {
color: var(--gold);
}
.eyebrow {
font-family: var(--f-sans);
letter-spacing: .32em;
text-transform: uppercase;
color: var(--accent);
align-items: center;
gap: 12px;
font-size: clamp(11px, 1.1vw, 12.5px);
font-weight: 500;
display: inline-flex;
}
.eyebrow:before, .eyebrow.center:after {
content: "";
opacity: .6;
background: currentColor;
width: 26px;
height: 1px;
}
.lead {
color: var(--ink-2);
text-wrap: pretty;
max-width: 60ch;
font-size: clamp(16px, 1.5vw, 19px);
font-weight: 300;
}
.wrap {
width: 100%;
max-width: var(--maxw);
padding-inline: var(--gutter);
margin-inline: auto;
}
.section {
padding-block: clamp(72px, 11vw, 132px);
position: relative;
}
.section-head {
max-width: 720px;
}
.section-head .eyebrow {
margin-bottom: 22px;
}
.section-head h2 {
text-wrap: balance;
margin-bottom: 22px;
font-size: clamp(34px, 5.2vw, 64px);
}
.center-head {
text-align: center;
margin-inline: auto;
}
.center-head .lead {
margin-inline: auto;
}
.reveal {
opacity: 0;
transition: opacity .9s var(--ease-out), transform .9s var(--ease-out);
transform: translateY(28px);
}
.reveal.in {
opacity: 1;
transform: none;
}
.reveal[data-d="1"] {
transition-delay: 80ms;
}
.reveal[data-d="2"] {
transition-delay: .16s;
}
.reveal[data-d="3"] {
transition-delay: .24s;
}
.reveal[data-d="4"] {
transition-delay: .32s;
}
@media (prefers-reduced-motion: reduce) {
.reveal {
opacity: 1;
transition: none;
transform: none;
}
}
.btn {
font-family: var(--f-sans);
letter-spacing: .01em;
border-radius: var(--r-pill);
transition: transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
white-space: nowrap;
justify-content: center;
align-items: center;
gap: 10px;
padding: 15px 28px;
font-size: 15px;
font-weight: 500;
display: inline-flex;
position: relative;
}
.btn:active {
transform: scale(.97);
}
.btn-primary {
background: var(--accent);
color: var(--accent-ink);
box-shadow: 0 10px 30px -12px var(--glow);
}
.btn-primary:hover {
background: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.btn-primary:hover {
background: color-mix(in oklab, var(--accent), white 8%);
}
}
.btn-primary:hover {
box-shadow: 0 16px 44px -14px var(--glow);
transform: translateY(-2px);
}
.btn-ghost {
border: 1px solid var(--line-2);
color: var(--ink);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background: #ffffff05;
background: lab(100% 0 0 / .02);
}
.btn-ghost:hover {
border-color: var(--accent);
color: var(--ink);
background: var(--accent-soft);
transform: translateY(-2px);
}
.btn .arrow {
transition: transform var(--t-fast) var(--ease);
}
.btn:hover .arrow {
transform: translateX(4px);
}
.btn-lg {
padding: 18px 36px;
font-size: 16px;
}
.site-header {
z-index: 200;
transition: background var(--t) var(--ease), backdrop-filter var(--t) var(--ease), border-color var(--t) var(--ease), padding var(--t) var(--ease);
border-bottom: 1px solid #0000;
position: fixed;
inset: 0 0 auto;
}
.site-header.scrolled {
background: var(--bg);
}
@supports (color: color-mix(in lab, red, red)) {
.site-header.scrolled {
background: color-mix(in oklab, var(--bg), transparent 18%);
}
}
.site-header.scrolled {
-webkit-backdrop-filter: saturate(160%) blur(16px);
backdrop-filter: saturate(160%) blur(16px);
border-bottom-color: var(--line);
}
.header-inner {
justify-content: space-between;
align-items: center;
gap: 24px;
height: 76px;
display: flex;
}
.site-header.scrolled .header-inner {
height: 66px;
}
.brand {
align-items: center;
gap: 12px;
display: inline-flex;
}
.brand svg {
width: 30px;
height: 30px;
color: var(--accent);
flex: none;
}
.brand-name {
flex-direction: column;
line-height: 1;
display: flex;
}
.brand-name b {
font-family: var(--f-display);
letter-spacing: .01em;
font-size: 21px;
font-weight: 600;
}
.brand-name span {
font-family: var(--f-sans);
letter-spacing: .34em;
text-transform: uppercase;
color: var(--ink-3);
margin-top: 4px;
font-size: 9.5px;
}
.nav {
align-items: center;
gap: 6px;
display: flex;
}
.nav a {
border-radius: var(--r-pill);
color: var(--ink-2);
transition: color var(--t-fast), background var(--t-fast);
padding: 9px 15px;
font-size: 14px;
}
.nav a:hover {
color: var(--ink);
background: #ffffff0d;
background: lab(100% 0 0 / .05);
}
.header-actions {
align-items: center;
gap: 14px;
display: flex;
}
.header-phone {
color: var(--ink-2);
align-items: center;
gap: 7px;
font-size: 14px;
display: inline-flex;
}
.header-phone:hover {
color: var(--accent);
}
.burger {
border-radius: var(--r-pill);
border: 1px solid var(--line-2);
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
display: none;
}
.burger svg {
width: 22px;
height: 22px;
}
.mobile-menu {
z-index: 199;
background: var(--bg);
position: fixed;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.mobile-menu {
background: color-mix(in oklab, var(--bg), black 8%);
}
}
.mobile-menu {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: var(--gutter);
opacity: 0;
pointer-events: none;
transition: opacity var(--t) var(--ease), transform var(--t) var(--ease);
flex-direction: column;
justify-content: center;
gap: 4px;
display: flex;
transform: translateY(-8px);
}
.mobile-menu.open {
opacity: 1;
pointer-events: auto;
transform: none;
}
.mobile-menu a {
font-family: var(--f-display);
color: var(--ink);
border-bottom: 1px solid var(--line);
padding: 10px 0;
font-size: clamp(30px, 9vw, 44px);
}
.mobile-menu a em {
color: var(--accent);
}
.mobile-menu .btn {
font-family: var(--f-sans);
margin-top: 28px;
font-size: 16px;
}
.mobile-menu .mm-contact {
color: var(--ink-3);
margin-top: 22px;
font-size: 15px;
}
.hero {
align-items: flex-end;
min-height: 100svh;
display: flex;
position: relative;
overflow: clip;
}
.hero-media {
z-index: 0;
position: absolute;
inset: 0;
overflow: hidden;
}
.hero-media img {
object-fit: cover;
will-change: transform;
width: 100%;
height: 116%;
transform: translateY(0)scale(1.04);
}
.hero-media:after {
content: "";
background: linear-gradient(to top, var(--bg) 2%, var(--bg) 30%, transparent 62%), linear-gradient(to right, var(--bg), transparent 60%), radial-gradient(120% 80% at 50% 120%, var(--glow), transparent 55%);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.hero-media:after {
background: linear-gradient(to top, var(--bg) 2%, color-mix(in oklab, var(--bg), transparent 35%) 30%, transparent 62%), linear-gradient(to right, color-mix(in oklab, var(--bg), transparent 30%), transparent 60%), radial-gradient(120% 80% at 50% 120%, var(--glow), transparent 55%);
}
}
.hero-ember {
z-index: 1;
pointer-events: none;
position: absolute;
inset: 0;
}
.hero-content {
z-index: 2;
width: 100%;
padding-top: 120px;
padding-bottom: clamp(48px, 9vh, 110px);
position: relative;
}
.hero .eyebrow {
margin-bottom: 26px;
}
.hero h1 {
letter-spacing: -.02em;
max-width: 16ch;
margin-bottom: 28px;
font-size: clamp(44px, 8.2vw, 110px);
font-weight: 500;
line-height: .98;
}
.hero h1 .ln {
display: block;
overflow: hidden;
}
.hero h1 .ln > span {
transition: transform 1.05s var(--ease-out);
display: inline-block;
transform: translateY(110%);
}
#heroTitle.lit .ln > span {
transform: none;
}
#heroTitle.lit .ln:first-child > span {
transition-delay: .1s;
}
#heroTitle.lit .ln:nth-child(2) > span {
transition-delay: .22s;
}
#heroTitle.lit .ln:nth-child(3) > span {
transition-delay: .34s;
}
@media (prefers-reduced-motion: reduce) {
.hero h1 .ln > span {
transition: none;
transform: none;
}
}
.hero p.lead {
max-width: 50ch;
color: var(--ink-2);
margin-bottom: 38px;
font-size: clamp(16px, 1.8vw, 21px);
}
.hero-cta {
flex-wrap: wrap;
gap: 14px;
display: flex;
}
.hero-stats {
flex-wrap: wrap;
gap: 14px;
margin-top: 52px;
display: flex;
}
.stat-chip {
background: var(--bg-1);
flex-direction: column;
gap: 3px;
padding: 16px 22px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.stat-chip {
background: color-mix(in oklab, var(--bg-1), transparent 25%);
}
}
.stat-chip {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid var(--line);
border-radius: var(--r);
}
.stat-chip b {
font-family: var(--f-display);
color: var(--ink);
font-size: clamp(24px, 3vw, 32px);
font-weight: 600;
line-height: 1;
}
.stat-chip b .star {
color: var(--gold);
letter-spacing: 1px;
}
.stat-chip span {
letter-spacing: .2em;
text-transform: uppercase;
color: var(--ink-3);
font-size: 11px;
}
.scroll-cue {
z-index: 3;
letter-spacing: .28em;
text-transform: uppercase;
color: var(--ink-3);
flex-direction: column;
align-items: center;
gap: 9px;
font-size: 10px;
display: flex;
position: absolute;
bottom: 26px;
left: 50%;
transform: translateX(-50%);
}
.scroll-cue .line {
background: linear-gradient(var(--accent), transparent);
width: 1px;
height: 42px;
position: relative;
overflow: hidden;
}
.scroll-cue .line:after {
content: "";
background: var(--gold);
width: 100%;
height: 50%;
animation: scrolldot 2s var(--ease) infinite;
position: absolute;
top: -50%;
left: 0;
}
@keyframes scrolldot {
0% {
top: -50%;
}
60%, 100% {
top: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.scroll-cue .line:after {
animation: none;
}
}
.exp-rows {
flex-direction: column;
gap: clamp(64px, 9vw, 120px);
margin-top: 72px;
display: flex;
}
.exp-row {
grid-template-columns: 1fr 1fr;
align-items: center;
gap: clamp(32px, 5vw, 80px);
display: grid;
}
.exp-row:nth-child(2n) .exp-media {
order: 2;
}
.exp-media {
position: relative;
}
.exp-media .ph {
border-radius: var(--r-lg);
aspect-ratio: 4 / 5;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden;
}
.exp-media .ph.arch {
border-radius: var(--r-arch);
}
.exp-media .ph img {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform 1.2s var(--ease-out);
will-change: transform;
}
.exp-row:hover .ph img {
transform: scale(1.05);
}
.exp-media .ph:after {
content: "";
background: linear-gradient(to top, var(--bg), transparent 50%);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.exp-media .ph:after {
background: linear-gradient(to top, color-mix(in oklab, var(--bg), transparent 55%), transparent 50%);
}
}
.exp-media .ph:after {
opacity: .5;
}
.exp-media .tag-float {
border-radius: var(--r-pill);
background: var(--bg-1);
padding: 9px 16px;
position: absolute;
bottom: 18px;
left: 18px;
}
@supports (color: color-mix(in lab, red, red)) {
.exp-media .tag-float {
background: color-mix(in oklab, var(--bg-1), transparent 12%);
}
}
.exp-media .tag-float {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid var(--line-2);
letter-spacing: .14em;
text-transform: uppercase;
color: var(--ink);
font-size: 12px;
font-weight: 500;
}
.exp-num {
font-family: var(--f-sans);
letter-spacing: .26em;
color: var(--accent);
font-size: 13px;
font-weight: 500;
}
.exp-text h3 {
margin: 16px 0 18px;
font-size: clamp(28px, 3.6vw, 44px);
}
.exp-text p {
color: var(--ink-2);
text-wrap: pretty;
max-width: 46ch;
font-size: 17px;
}
.exp-list {
flex-wrap: wrap;
gap: 10px;
margin-top: 26px;
padding: 0;
list-style: none;
display: flex;
}
.exp-list li {
border: 1px solid var(--line);
border-radius: var(--r-pill);
color: var(--ink-2);
padding: 8px 15px;
font-size: 13px;
}
.about {
background: var(--bg-1);
border-block: 1px solid var(--line);
}
.about-grid {
grid-template-columns: 1.05fr .95fr;
align-items: center;
gap: clamp(36px, 6vw, 90px);
display: grid;
}
.about-copy h2 {
margin-bottom: 26px;
font-size: clamp(30px, 4.4vw, 54px);
}
.about-copy p {
color: var(--ink-2);
text-wrap: pretty;
max-width: 52ch;
margin-bottom: 18px;
font-size: 17px;
}
.about-media {
position: relative;
}
.about-media .ph {
border-radius: var(--r-arch);
aspect-ratio: 3 / 4;
box-shadow: var(--shadow-lg);
overflow: hidden;
}
.about-media .ph img {
object-fit: cover;
width: 100%;
height: 100%;
}
.about-media .glow {
aspect-ratio: 1;
background: radial-gradient(circle, var(--gold-glow), transparent 65%);
filter: blur(30px);
z-index: -1;
width: 60%;
position: absolute;
inset: -10% -10% auto auto;
}
.specs {
background: var(--line);
border: 1px solid var(--line);
border-radius: var(--r-lg);
grid-template-columns: repeat(6, 1fr);
gap: 1px;
margin-top: 64px;
display: grid;
overflow: hidden;
}
.spec {
background: var(--bg-1);
padding: 26px 22px;
}
.spec .ic {
color: var(--accent);
margin-bottom: 14px;
}
.spec .ic svg {
width: 24px;
height: 24px;
}
.spec dt {
letter-spacing: .2em;
text-transform: uppercase;
color: var(--ink-3);
margin-bottom: 6px;
font-size: 11px;
}
.spec dd {
font-family: var(--f-display);
color: var(--ink);
font-size: 20px;
font-weight: 500;
}
.gallery-grid {
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 200px;
grid-auto-flow: dense;
gap: 14px;
margin-top: 60px;
display: grid;
}
.gtile {
border-radius: var(--r);
cursor: pointer;
background: var(--bg-2);
position: relative;
overflow: hidden;
}
.gtile img {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .9s var(--ease-out), filter .6s var(--ease);
will-change: transform;
}
.gtile:after {
content: "";
background: linear-gradient(to top, var(--bg), transparent 60%);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.gtile:after {
background: linear-gradient(to top, color-mix(in oklab, var(--bg), transparent 40%), transparent 60%);
}
}
.gtile:after {
opacity: 0;
transition: opacity .4s var(--ease);
}
.gtile:hover img {
transform: scale(1.07);
}
.gtile:hover:after {
opacity: 1;
}
.gtile .zoom {
border-radius: var(--r-pill);
background: var(--bg-1);
place-items: center;
width: 38px;
height: 38px;
display: grid;
position: absolute;
bottom: 14px;
right: 14px;
}
@supports (color: color-mix(in lab, red, red)) {
.gtile .zoom {
background: color-mix(in oklab, var(--bg-1), transparent 10%);
}
}
.gtile .zoom {
border: 1px solid var(--line-2);
color: var(--ink);
opacity: 0;
transition: opacity .4s var(--ease), transform .4s var(--ease);
transform: scale(.85);
}
.gtile:hover .zoom {
opacity: 1;
transform: none;
}
.gtile.w2 {
grid-column: span 2;
}
.gtile.h2 {
grid-row: span 2;
}
.lightbox {
z-index: 500;
background: var(--bg);
position: fixed;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.lightbox {
background: color-mix(in oklab, var(--bg), black 30% / .96);
}
}
.lightbox {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
opacity: 0;
pointer-events: none;
transition: opacity var(--t) var(--ease);
place-items: center;
display: grid;
}
.lightbox.open {
opacity: 1;
pointer-events: auto;
}
.lightbox img {
border-radius: var(--r);
max-width: 92vw;
max-height: 82vh;
box-shadow: var(--shadow-lg);
transition: transform var(--t) var(--ease-out);
transform: scale(.96);
}
.lightbox.open img {
transform: none;
}
.lb-btn {
border-radius: var(--r-pill);
background: var(--bg-1);
place-items: center;
width: 54px;
height: 54px;
display: grid;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@supports (color: color-mix(in lab, red, red)) {
.lb-btn {
background: color-mix(in oklab, var(--bg-1), transparent 15%);
}
}
.lb-btn {
border: 1px solid var(--line-2);
color: var(--ink);
transition: background var(--t-fast), transform var(--t-fast);
}
.lb-btn:hover {
background: var(--accent);
color: var(--accent-ink);
}
.lb-prev {
left: 3vw;
}
.lb-next {
right: 3vw;
}
.lb-close {
border-radius: var(--r-pill);
background: var(--bg-1);
place-items: center;
width: 48px;
height: 48px;
display: grid;
position: absolute;
top: 24px;
right: 24px;
}
@supports (color: color-mix(in lab, red, red)) {
.lb-close {
background: color-mix(in oklab, var(--bg-1), transparent 15%);
}
}
.lb-close {
border: 1px solid var(--line-2);
}
.lb-close:hover {
background: var(--accent);
color: var(--accent-ink);
}
.lb-count {
letter-spacing: .2em;
color: var(--ink-2);
font-size: 13px;
position: absolute;
bottom: 26px;
left: 50%;
transform: translateX(-50%);
}
.quote-band {
background: var(--bg-1);
border-block: 1px solid var(--line);
text-align: center;
position: relative;
overflow: hidden;
}
.quote-band .glow-c {
background: radial-gradient(60% 100% at 50% 100%, var(--glow), transparent 70%);
filter: blur(20px);
height: 80%;
position: absolute;
inset: auto 0 -40%;
}
.quote-band .mark {
font-family: var(--f-display);
color: var(--accent);
opacity: .5;
height: 40px;
font-size: 90px;
line-height: 0;
display: block;
}
.quote-band blockquote {
font-family: var(--f-display);
text-wrap: balance;
max-width: 18ch;
margin: 0 auto;
font-size: clamp(28px, 4.4vw, 52px);
font-weight: 500;
line-height: 1.15;
position: relative;
}
.quote-band cite {
letter-spacing: .24em;
text-transform: uppercase;
color: var(--ink-3);
margin-top: 30px;
font-size: 13px;
font-style: normal;
display: block;
}
.access {
grid-template-columns: .9fr 1.1fr;
align-items: center;
gap: clamp(32px, 5vw, 72px);
display: grid;
}
.access-media .ph {
border-radius: var(--r-lg);
aspect-ratio: 4 / 5;
box-shadow: var(--shadow-lg);
overflow: hidden;
}
.access-media .ph img {
object-fit: cover;
width: 100%;
height: 100%;
}
.access-chips {
flex-wrap: wrap;
gap: 12px;
margin-top: 30px;
display: flex;
}
.access-chip {
border: 1px solid var(--line);
border-radius: var(--r-pill);
color: var(--ink);
background: var(--bg-1);
transition: border-color var(--t-fast), transform var(--t-fast);
align-items: center;
gap: 9px;
padding: 11px 18px;
font-size: 14px;
display: inline-flex;
}
.access-chip:hover {
border-color: var(--accent);
transform: translateY(-2px);
}
.access-chip svg {
width: 16px;
height: 16px;
color: var(--accent);
}
.access-note {
color: var(--ink-3);
margin-top: 22px;
font-size: 14px;
}
.loc-grid {
grid-template-columns: .85fr 1.15fr;
align-items: stretch;
gap: clamp(32px, 5vw, 64px);
display: grid;
}
.loc-info .addr {
font-family: var(--f-display);
color: var(--ink);
margin: 22px 0 8px;
font-size: 22px;
}
.loc-info p {
color: var(--ink-2);
max-width: 42ch;
margin-bottom: 30px;
}
.loc-list {
flex-direction: column;
padding: 0;
list-style: none;
display: flex;
}
.loc-list li {
border-top: 1px solid var(--line);
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 16px 0;
display: flex;
}
.loc-list li:last-child {
border-bottom: 1px solid var(--line);
}
.loc-list .k {
color: var(--ink-2);
align-items: center;
gap: 12px;
display: inline-flex;
}
.loc-list .k svg {
width: 18px;
height: 18px;
color: var(--accent);
}
.loc-list .v {
font-family: var(--f-display);
color: var(--ink);
white-space: nowrap;
font-size: 19px;
}
.loc-map {
border-radius: var(--r-lg);
border: 1px solid var(--line);
min-height: 380px;
position: relative;
overflow: hidden;
}
.loc-map iframe {
filter: grayscale(.3) contrast(1.05) brightness(.9);
border: 0;
width: 100%;
height: 100%;
}
.faq-list {
margin-top: 56px;
max-width: 860px;
margin-inline: auto;
}
.faq-item {
border-top: 1px solid var(--line);
}
.faq-list .faq-item:last-child {
border-bottom: 1px solid var(--line);
}
.faq-q {
text-align: left;
width: 100%;
font-family: var(--f-display);
color: var(--ink);
transition: color var(--t-fast);
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 26px 4px;
font-size: clamp(19px, 2.2vw, 25px);
display: flex;
}
.faq-q:hover {
color: var(--accent);
}
.faq-icon {
flex: none;
width: 30px;
height: 30px;
position: relative;
}
.faq-icon:before, .faq-icon:after {
content: "";
background: var(--accent);
transition: transform var(--t) var(--ease);
border-radius: 2px;
position: absolute;
}
.faq-icon:before {
height: 1.5px;
top: 50%;
left: 4px;
right: 4px;
transform: translateY(-50%);
}
.faq-icon:after {
width: 1.5px;
top: 4px;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
}
.faq-item.open .faq-icon:after {
transform: translateX(-50%)scaleY(0);
}
.faq-a {
height: 0;
transition: height var(--t) var(--ease);
overflow: hidden;
}
.faq-a-inner {
color: var(--ink-2);
max-width: 64ch;
padding: 0 4px 28px;
font-size: 16px;
}
.final {
align-items: center;
min-height: 86svh;
display: flex;
position: relative;
overflow: clip;
}
.final-media {
z-index: 0;
position: absolute;
inset: 0;
}
.final-media img {
object-fit: cover;
will-change: transform;
width: 100%;
height: 116%;
transform: translateY(-6%);
}
.final-media:after {
content: "";
background: linear-gradient(to right, var(--bg) 4%, var(--bg) 34%, var(--bg) 62%, var(--bg) 100%), linear-gradient(to top, var(--bg) 1%, transparent 38%);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.final-media:after {
background: linear-gradient(to right, var(--bg) 4%, color-mix(in oklab, var(--bg), transparent 12%) 34%, color-mix(in oklab, var(--bg), transparent 40%) 62%, color-mix(in oklab, var(--bg), transparent 72%) 100%), linear-gradient(to top, var(--bg) 1%, transparent 38%);
}
}
.final-content {
z-index: 2;
max-width: 640px;
position: relative;
}
.final-content h2 {
margin-bottom: 24px;
font-size: clamp(38px, 6vw, 76px);
}
.final-content p {
color: var(--ink-2);
max-width: 44ch;
margin-bottom: 36px;
font-size: 18px;
}
.final-trust {
color: var(--ink-3);
flex-wrap: wrap;
align-items: center;
gap: 10px 22px;
margin-top: 34px;
font-size: 13.5px;
display: flex;
}
.final-trust span {
align-items: center;
gap: 8px;
display: inline-flex;
}
.final-trust svg {
width: 16px;
height: 16px;
color: var(--accent);
}
.footer {
background: var(--bg-1);
border-top: 1px solid var(--line);
padding-block: clamp(56px, 8vw, 88px) 0;
}
.footer-grid {
grid-template-columns: 1.4fr 1fr 1fr;
gap: 48px;
display: grid;
}
.footer .brand {
margin-bottom: 20px;
}
.footer-about {
color: var(--ink-3);
max-width: 38ch;
font-size: 15px;
}
.footer h4 {
font-family: var(--f-sans);
letter-spacing: .22em;
text-transform: uppercase;
color: var(--ink-3);
margin-bottom: 18px;
font-size: 12px;
font-weight: 500;
}
.footer-col a, .footer-col p {
color: var(--ink-2);
transition: color var(--t-fast);
margin-bottom: 11px;
font-size: 15px;
display: block;
}
.footer-col a:hover {
color: var(--accent);
}
.footer-bottom {
border-top: 1px solid var(--line);
color: var(--ink-4);
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 18px;
margin-top: 56px;
padding: 26px 0;
font-size: 13px;
display: flex;
}
.footer-bottom .links {
flex-wrap: wrap;
gap: 22px;
display: flex;
}
.footer-bottom a:hover {
color: var(--accent);
}
.book-bar {
z-index: 180;
padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
background: var(--bg);
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.book-bar {
background: color-mix(in oklab, var(--bg), transparent 8%);
}
}
.book-bar {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-top: 1px solid var(--line);
align-items: center;
gap: 12px;
}
.book-bar .bb-price {
flex: 1;
line-height: 1.2;
}
.book-bar .bb-price b {
font-family: var(--f-display);
color: var(--ink);
font-size: 17px;
display: block;
}
.book-bar .bb-price span {
color: var(--ink-3);
font-size: 12px;
}
.book-bar .btn {
flex: none;
}
@media (max-width: 1080px) {
.specs {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 960px) {
.nav, .header-phone {
display: none;
}
.burger {
display: inline-flex;
}
.exp-row {
grid-template-columns: 1fr;
gap: 28px;
}
.exp-row:nth-child(2n) .exp-media {
order: 0;
}
.exp-media .ph {
aspect-ratio: 16 / 11;
}
.about-grid {
grid-template-columns: 1fr;
}
.about-media {
max-width: 460px;
}
.access {
grid-template-columns: 1fr;
}
.access-media {
max-width: 460px;
}
.loc-grid {
grid-template-columns: 1fr;
}
.loc-map {
min-height: 320px;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
.footer-col.about-col {
grid-column: 1 / -1;
}
}
@media (max-width: 760px) {
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 150px;
}
.gtile.w2 {
grid-column: span 2;
}
.hero-stats {
gap: 10px;
}
.stat-chip {
flex: 28%;
padding: 13px 16px;
}
.book-bar {
display: flex;
}
.final-trust {
gap: 8px 16px;
}
}
@media (max-width: 560px) {
.specs {
grid-template-columns: repeat(2, 1fr);
}
.footer-grid {
grid-template-columns: 1fr;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.lb-btn {
width: 44px;
height: 44px;
}
.lb-prev {
left: 8px;
}
.lb-next {
right: 8px;
}
}
.reserve-modal {
z-index: 400;
background: var(--bg);
position: fixed;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.reserve-modal {
background: color-mix(in oklab, var(--bg), black 35% / .92);
}
}
.reserve-modal {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
opacity: 0;
pointer-events: none;
transition: opacity .35s var(--ease);
}
.reserve-modal.open {
opacity: 1;
pointer-events: auto;
}
.reserve-modal-inner {
background: var(--bg-1);
scrollbar-width: none;
-ms-overflow-style: none;
transition: transform .45s var(--ease-out), opacity .35s var(--ease);
opacity: 0;
padding: clamp(20px, 3vw, 40px) clamp(20px, 4vw, 48px) clamp(28px, 5vh, 56px);
position: absolute;
inset: 0;
overflow-y: auto;
transform: scale(.98);
}
.reserve-modal-inner::-webkit-scrollbar {
width: 0;
height: 0;
}
.reserve-modal.open .reserve-modal-inner {
opacity: 1;
transform: none;
}
@media (min-width: 900px) {
.reserve-modal {
place-items: center;
padding: 24px;
display: grid;
}
.reserve-modal-inner {
border: 1px solid var(--line);
border-radius: var(--r-xl);
width: 100%;
max-width: 1180px;
max-height: 92vh;
box-shadow: var(--shadow-lg);
position: relative;
inset: auto;
}
}
.reserve-modal-close {
border-radius: var(--r-pill);
background: var(--bg-2);
place-items: center;
width: 42px;
height: 42px;
margin-left: auto;
display: grid;
position: sticky;
top: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.reserve-modal-close {
background: color-mix(in oklab, var(--bg-2), transparent 15%);
}
}
.reserve-modal-close {
border: 1px solid var(--line-2);
color: var(--ink);
transition: background var(--t-fast), color var(--t-fast);
z-index: 2;
}
.reserve-modal-close:hover {
background: var(--accent);
color: var(--accent-ink);
}
.reserve-modal-head {
text-align: center;
max-width: 600px;
margin: -28px auto clamp(18px, 2.5vw, 28px);
}
.reserve-modal-head .eyebrow {
margin-bottom: 12px;
}
.reserve-modal-title {
font-family: var(--f-display);
letter-spacing: -.01em;
margin-bottom: 8px;
font-size: clamp(26px, 3.6vw, 42px);
font-weight: 500;
line-height: 1.05;
}
.reserve-modal-title em {
color: var(--accent);
font-style: italic;
}
.reserve-modal-sub {
color: var(--ink-3);
font-size: 13px;
}
.reserve-notice {
border: 1px solid var(--line);
border-radius: var(--r-md);
background: var(--bg-2);
}
@supports (color: color-mix(in lab, red, red)) {
.reserve-notice {
background: color-mix(in oklab, var(--bg-2), transparent 30%);
}
}
.reserve-notice {
overflow: hidden;
}
.reserve-notice summary {
cursor: pointer;
color: var(--ink-2);
align-items: center;
gap: 10px;
padding: 12px 16px;
font-size: 13px;
list-style: none;
display: flex;
}
.reserve-notice summary::-webkit-details-marker {
display: none;
}
.reserve-notice-dot {
background: var(--accent);
width: 6px;
height: 6px;
box-shadow: 0 0 0 4px var(--accent);
border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
.reserve-notice-dot {
box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent), transparent 80%);
}
}
.reserve-notice-dot {
flex-shrink: 0;
}
.reserve-notice-chev {
color: var(--ink-3);
transition: transform .25s var(--ease);
margin-left: auto;
font-size: 18px;
}
.reserve-notice[open] .reserve-notice-chev {
transform: rotate(90deg);
}
.reserve-notice-body {
border-top: 1px solid var(--line);
color: var(--ink-3);
flex-direction: column;
gap: 10px;
padding: 6px 18px 18px;
font-size: 13px;
line-height: 1.6;
display: flex;
}
.reserve-notice-body p {
margin: 0;
}
.reserve-notice-body b {
color: var(--ink-2);
font-weight: 500;
}
.reserve-notice-foot {
color: var(--ink-4);
font-size: 12px;
font-style: italic;
margin-top: 4px !important;
}
.contact-link {
color: var(--ink-2);
text-align: left;
transition: color var(--t-fast);
cursor: pointer;
font-size: 15px;
font: inherit;
background: none;
border: none;
margin-bottom: 11px;
padding: 0;
display: inline-block;
}
.contact-link:hover {
color: var(--accent);
}
.contact-modal {
z-index: 410;
background: var(--bg);
position: fixed;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.contact-modal {
background: color-mix(in oklab, var(--bg), black 35% / .92);
}
}
.contact-modal {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
opacity: 0;
pointer-events: none;
transition: opacity .35s var(--ease);
place-items: center;
padding: 20px;
display: grid;
}
.contact-modal.open {
opacity: 1;
pointer-events: auto;
}
.contact-modal-inner {
background: var(--bg-1);
border: 1px solid var(--line);
border-radius: var(--r-xl);
width: 100%;
max-width: 560px;
max-height: 92vh;
box-shadow: var(--shadow-lg);
opacity: 0;
transition: transform .45s var(--ease-out), opacity .35s var(--ease);
scrollbar-width: none;
-ms-overflow-style: none;
padding: clamp(28px, 4vw, 44px);
position: relative;
overflow-y: auto;
transform: translateY(20px)scale(.98);
}
.contact-modal-inner::-webkit-scrollbar {
width: 0;
height: 0;
}
.contact-modal.open .contact-modal-inner {
opacity: 1;
transform: none;
}
.contact-modal-head {
text-align: center;
margin-bottom: clamp(20px, 3vw, 28px);
}
.contact-modal-head .eyebrow {
margin-bottom: 14px;
}
.contact-form {
flex-direction: column;
gap: 14px;
display: flex;
}
.contact-form-row {
grid-template-columns: 1fr 1fr;
gap: 12px;
display: grid;
}
.bf-textarea {
height: auto;
min-height: 130px;
line-height: 1.55;
font-family: var(--f-sans);
resize: vertical;
padding: 14px;
}
.contact-success {
text-align: center;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 20px 0 8px;
display: flex;
}
.contact-success-mark {
background: var(--accent);
border-radius: 50%;
width: 64px;
height: 64px;
}
@supports (color: color-mix(in lab, red, red)) {
.contact-success-mark {
background: color-mix(in oklab, var(--accent), black 35%);
}
}
.contact-success-mark {
color: var(--accent-ink);
place-items: center;
font-size: 30px;
font-weight: 600;
display: grid;
}
.contact-success h3 {
font-family: var(--f-display);
color: var(--ink);
font-size: 26px;
font-weight: 500;
}
.contact-success p {
color: var(--ink-3);
max-width: 32ch;
font-size: 15px;
}
.cal-headers {
grid-template-columns: repeat(7, 1fr);
gap: 4px;
display: grid;
}
.cal-headers > div {
letter-spacing: .14em;
text-transform: uppercase;
height: 24px;
color: var(--ink-3);
justify-content: center;
align-items: center;
font-size: 10px;
display: flex;
}
.cal-grid {
grid-template-columns: repeat(7, 1fr);
gap: 4px;
display: grid;
}
.cal-month-label {
text-align: center;
font-family: var(--f-display);
letter-spacing: .02em;
color: var(--ink);
font-size: 15px;
}
.cal-day {
height: 44px;
font-family: var(--f-sans);
color: var(--ink);
transition: background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);
cursor: pointer;
background: none;
border: 1px solid #0000;
border-radius: 10px;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 500;
display: inline-flex;
position: relative;
}
.cal-day.is-avail {
background: var(--bg-3);
}
@supports (color: color-mix(in lab, red, red)) {
.cal-day.is-avail {
background: color-mix(in oklab, var(--bg-3), transparent 35%);
}
}
.cal-day.is-avail:hover {
background: var(--accent-soft);
border-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.cal-day.is-avail:hover {
border-color: color-mix(in oklab, var(--accent), transparent 60%);
}
}
.cal-day.is-disabled {
color: var(--ink-4);
background: none;
}
@supports (color: color-mix(in lab, red, red)) {
.cal-day.is-disabled {
color: color-mix(in oklab, var(--ink-4), transparent 40%);
}
}
.cal-day.is-disabled {
cursor: not-allowed;
pointer-events: none;
opacity: .55;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.cal-day.is-range {
background: var(--accent-soft);
border-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.cal-day.is-range {
border-color: color-mix(in oklab, var(--accent), transparent 70%);
}
}
.cal-day.is-edge {
background: var(--accent);
color: var(--accent-ink);
border-color: var(--accent);
box-shadow: 0 6px 18px -8px var(--glow);
font-weight: 600;
}
.cal-day.is-today:after {
content: "";
background: var(--accent);
border-radius: 50%;
width: 4px;
height: 4px;
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
}
.cal-day.is-edge.is-today:after {
background: var(--accent-ink);
}
.bf-input {
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--r-md);
width: 100%;
height: 48px;
font-family: var(--f-sans);
color: var(--ink);
transition: border-color var(--t-fast), background var(--t-fast);
padding: 0 14px;
font-size: 15px;
}
.bf-input:focus {
border-color: var(--accent);
background: var(--bg-1);
outline: none;
}
.bf-input::placeholder {
color: var(--ink-4);
}
.bf-label {
letter-spacing: .22em;
text-transform: uppercase;
color: var(--ink-3);
margin-bottom: 8px;
font-size: 11px;
display: block;
}
.bf-card {
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--r-lg);
padding: clamp(20px, 3vw, 28px);
}
.bf-guests-btn {
border-radius: var(--r-md);
background: var(--bg-2);
border: 1px solid var(--line);
height: 48px;
color: var(--ink-2);
transition: all var(--t-fast);
flex: 1;
font-size: 15px;
}
.bf-guests-btn.active {
background: var(--accent-soft);
border-color: var(--accent);
color: var(--ink);
}
.bf-error {
background: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bf-error {
background: color-mix(in oklab, var(--accent), black 50%);
}
}
.bf-error {
border: 1px solid var(--accent);
color: var(--ink);
border-radius: var(--r-md);
padding: 12px 14px;
font-size: 13px;
}
@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-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "";
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: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "";
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-ordinal {
syntax: "*";
inherits: false
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false
}
@property --tw-numeric-fraction {
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: "";
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: "";
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: "";
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-duration {
syntax: "*";
inherits: false
}
@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;
}
@keyframes pulse {
50% {
opacity: .5;
}
}
/*# sourceMappingURL=%5Broot-of-the-server%5D__0rmgf_c._.css.map*/