@courtneyring/components-library 1.0.36 → 1.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AccordionItem-DUGBw5pW.js +40 -0
- package/dist/ScrollTrigger-6HnikosL.js +1086 -0
- package/dist/animations/FadeIn.js +34 -0
- package/dist/animations/FadeInMotion.js +4805 -0
- package/dist/assets/Background.css +1 -0
- package/dist/assets/Banner.css +1 -0
- package/dist/assets/Button.css +1 -0
- package/dist/assets/ButtonGroup.css +1 -0
- package/dist/assets/Container.css +1 -0
- package/dist/assets/Countdown.css +1 -0
- package/dist/assets/Fifty.css +1 -0
- package/dist/assets/FloatingWordsHero.css +1 -0
- package/dist/assets/Footer.css +1 -0
- package/dist/assets/GridGallery.css +1 -0
- package/dist/assets/HorizontalScrollImages.css +1 -0
- package/dist/assets/IconDetail.css +1 -0
- package/dist/assets/ImageTextBlock.css +1 -0
- package/dist/assets/List.css +1 -0
- package/dist/assets/Map.css +1 -0
- package/dist/assets/MenuButton.css +1 -0
- package/dist/assets/Navbar.css +1 -0
- package/dist/assets/Note.css +1 -0
- package/dist/assets/Overlay.css +1 -0
- package/dist/assets/PageContainer.css +1 -0
- package/dist/assets/ParallaxImageGrid.css +1 -0
- package/dist/assets/PromoGroup.css +1 -0
- package/dist/assets/TextBlock.css +1 -0
- package/dist/assets/Timeline.css +1 -0
- package/dist/assets/Toolbar.css +1 -0
- package/dist/assets/icons/checkmark.svg +3 -0
- package/dist/components/Accordion/Accordion.js +33 -0
- package/dist/components/Accordion/AccordionItem.js +8 -0
- package/dist/components/Background/Background.js +59 -0
- package/dist/components/Banner/Banner.js +23 -0
- package/dist/components/Button/Button.js +44 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +11 -0
- package/dist/components/Countdown/Countdown.js +41 -0
- package/dist/components/Fifty/Fifty.js +55 -0
- package/dist/components/Fifty/Fifty.stories.js +32 -0
- package/dist/components/FloatingWordsHero/FloatingWordsHero.js +60 -0
- package/dist/components/IconDetail/IconDetail.js +14 -0
- package/dist/components/ImageTextBlock/ImageTextBlock.js +36 -0
- package/dist/components/Navbar/Navbar.js +98 -0
- package/dist/components/Note/Note.js +30 -0
- package/dist/components/OverlayHero/OverlayHero.js +67 -0
- package/dist/components/PageContainer/PageContainer.js +39 -0
- package/dist/components/ParallaxImageGrid/ParallaxImageGrid.js +92 -0
- package/dist/components/PromoGroup/PromoGroup.js +107 -0
- package/dist/components/Schedule/Schedule.js +24 -0
- package/dist/components/Spacer/Spacer.js +6 -0
- package/dist/components/TextBlock/TextBlock.js +27 -0
- package/dist/components/Timeline/Timeline.js +54 -0
- package/dist/hooks/useActiveSection.js +27 -0
- package/dist/hooks/useFadeIn.js +52 -0
- package/dist/hooks/useImageReveal.js +55 -0
- package/dist/hooks/useNavColor.js +15 -0
- package/dist/hooks/useRepeatable.js +32 -0
- package/dist/hooks/useResize.js +23 -0
- package/dist/hooks/useResponsive.js +15 -0
- package/dist/hooks/useReveal.js +38 -0
- package/dist/hooks/useStagger.js +43 -0
- package/dist/index-B2JRaoNz.js +48 -0
- package/dist/index-BmTo-IS6.js +2018 -0
- package/dist/index-DyQs5aC7.js +388 -0
- package/dist/index-K0WrPJ_C.js +29 -0
- package/dist/index.js +50 -0
- package/dist/index.modern-DPbS1w7M.js +1443 -0
- package/dist/presets/animations.js +24 -0
- package/dist/utils/breakpoints.js +8 -0
- package/dist/utils/gsapSetup.js +8 -0
- package/dist/utils/parse.js +12 -0
- package/package.json +1 -1
- /package/dist/components/{GenericOverlay 6 → GenericOverlay}/GenericOverlay.js +0 -0
- /package/dist/components/{PinnedImage 8 → PinnedImage}/PinnedImage.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";._container_3ktk5_2{position:relative;width:100%;min-height:50vh;overflow:hidden}._background_3ktk5_11{position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;opacity:0;animation:_fadeIn_3ktk5_1 2s ease forwards 2s}@media (min-width: 790px){._container_3ktk5_2{min-height:80vh}}@media (min-width: 992px){._container_3ktk5_2{min-height:50vh}}@media (min-width: 1200px){._container_3ktk5_2{min-height:60vh}}@keyframes _fadeIn_3ktk5_1{to{opacity:1}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._banner_1cxb9_1{display:flex;align-items:center;justify-content:center;flex-direction:column}._header_1cxb9_8{font-family:var(--font-secondary)}@media (min-width: 0){._header_1cxb9_8{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){._header_1cxb9_8{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_1cxb9_8{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){._header_1cxb9_8{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){._header_1cxb9_8{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_1cxb9_8{font-size:40px}}@media (min-width: 1200px){._header_1cxb9_8{font-size:55px}}@media (min-width: 1600px){._header_1cxb9_8{font-size:62px}}._header_1cxb9_8{margin-bottom:20px;text-align:center}@media (min-width: 0){._body_1cxb9_60{font-size:20px;line-height:1.2}}@media (min-width: 390px){._body_1cxb9_60{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._body_1cxb9_60{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._body_1cxb9_60{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._body_1cxb9_60{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._body_1cxb9_60{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_1cxb9_60{font-size:24px}}@media (min-width: 1600px){._body_1cxb9_60{font-size:26px}}._ctas_1cxb9_104{display:flex;flex-direction:row;margin-top:20px}._ctas_1cxb9_104 a:not(:last-child),._ctas_1cxb9_104 button:not(:last-child){margin-right:10px}@media (min-width: 790px) and (orientation: landscape){._banner_1cxb9_1{min-height:200px}}@media (min-width: 790px) and (orientation: portrait){._banner_1cxb9_1{min-height:300px}}@media (min-width: 992px){._banner_1cxb9_1{min-height:250px}._header_1cxb9_8{margin-bottom:30px}}@media (min-width: 1200px){._banner_1cxb9_1{min-height:400px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_1xkig_1{cursor:pointer;padding:8px 14px;border:2px solid;outline:0px}@media (min-width: 0){._button_1xkig_1{font-size:20px;line-height:1.2}}@media (min-width: 390px){._button_1xkig_1{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._button_1xkig_1{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._button_1xkig_1{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._button_1xkig_1{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._button_1xkig_1{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._button_1xkig_1{font-size:24px}}@media (min-width: 1600px){._button_1xkig_1{font-size:26px}}._button_1xkig_1{text-decoration:none;transition:all .2s ease-in-out}._button_1xkig_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark)}._button_1xkig_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium)}._button_1xkig_1[data-color=color-primary-light]{border-color:var(--color-primary-light)}._button_1xkig_1[data-color=color-secondary]{border-color:var(--color-secondary)}._button_1xkig_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark)}._button_1xkig_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium)}._button_1xkig_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light)}._button_1xkig_1[data-color=color-white]{border-color:var(--color-white)}._button_1xkig_1[data-color=color-primary-dark]{color:var(--color-primary-dark)}._button_1xkig_1[data-color=color-primary-medium]{color:var(--color-primary-medium)}._button_1xkig_1[data-color=color-primary-light]{color:var(--color-primary-light)}._button_1xkig_1[data-color=color-secondary]{color:var(--color-secondary)}._button_1xkig_1[data-color=color-neutral-dark]{color:var(--color-neutral-dark)}._button_1xkig_1[data-color=color-neutral-medium]{color:var(--color-neutral-medium)}._button_1xkig_1[data-color=color-neutral-light]{color:var(--color-neutral-light)}._button_1xkig_1[data-color=color-white]{color:var(--color-white)}._button_1xkig_1{line-height:1;white-space:nowrap;display:inline-flex;align-items:center}._button_1xkig_1._hollow_1xkig_110{background-color:transparent}._button_1xkig_1._filled_1xkig_113[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_1xkig_1._filled_1xkig_113[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_1xkig_1._filled_1xkig_113[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_1xkig_1._filled_1xkig_113[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._button_1xkig_1._filled_1xkig_113[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_1xkig_1._filled_1xkig_113[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_1xkig_1._filled_1xkig_113[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_1xkig_1._filled_1xkig_113[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_1xkig_1:hover{opacity:.8}._button_1xkig_1._link_1xkig_149{text-decoration:none;font-weight:500;color:inherit;padding:0;align-items:flex-start;border:none;background-color:transparent;display:flex}._button_1xkig_1._link_1xkig_149 span{margin-left:10px}@media (min-width: 625px){._button_1xkig_1{padding:10px 20px;border-width:2px}}@media (min-width: 1200px){._button_1xkig_1{padding:12px 24px}}@media (min-width: 1920px){._button_1xkig_1{padding:12px 50px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._buttonGroup_8k163_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,max-content));gap:20px;justify-items:start;align-items:start;justify-content:center}._button_8k163_1{margin-right:5px}@media (min-width: 790px){._button_8k163_1{gap:10px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_1axmk_1[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._container_1axmk_1[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._container_1axmk_1[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._container_1axmk_1[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._container_1axmk_1[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._container_1axmk_1[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._container_1axmk_1[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._container_1axmk_1[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._container_1axmk_1{background-size:cover;overflow:visible}._container_1axmk_1[data-full-height=true] ._innerContainer_1axmk_37{height:100svh;overflow:hidden}._container_1axmk_1[data-center=true] ._innerContainer_1axmk_37{display:flex;align-items:center;justify-content:center}@media (min-width: 0){._innerContainer_1axmk_37{padding:40px 20px;scroll-margin-top:40px}}@media (min-width: 390px){._innerContainer_1axmk_37{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 625px){._innerContainer_1axmk_37{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: portrait){._innerContainer_1axmk_37{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: landscape){._innerContainer_1axmk_37{padding:30px;scroll-margin-top:30px}}@media (min-width: 992px){._innerContainer_1axmk_37{padding:70px 50px;scroll-margin-top:70px}}@media (min-width: 1200px){._innerContainer_1axmk_37{padding:50px 100px;scroll-margin-top:50px}}@media (min-width: 1600px){._innerContainer_1axmk_37{padding:130px 150px;scroll-margin-top:130px}}._innerContainer_1axmk_37{margin:0 auto;position:relative;overflow:visible!important}@media (min-width: 625px){._innerContainer_1axmk_37[data-max-width=sm]{max-width:550px}}@media (min-width: 790px) and (orientation: landscape){._innerContainer_1axmk_37[data-max-width=sm]{max-width:700px}}@media (min-width: 790px) and (orientation: portrait){._innerContainer_1axmk_37[data-max-width=sm]{max-width:800px}}@media (min-width: 992px){._innerContainer_1axmk_37[data-max-width=sm]{max-width:800px}._innerContainer_1axmk_37[data-max-width=lg]{max-width:unset}}@media (min-width: 1200px){._innerContainer_1axmk_37[data-max-width=sm],._innerContainer_1axmk_37[data-max-width=lg]{max-width:1200px}}@media (min-width: 1600px){._innerContainer_1axmk_37[data-max-width=sm]{max-width:1200px}._innerContainer_1axmk_37[data-max-width=lg]{max-width:1600px}}._styleless_1axmk_140 ._innerContainer_1axmk_37{max-width:unset!important;padding:0!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._countdown_45yvm_1{font-family:var(--font-secondary);display:grid;grid-template-columns:1fr;row-gap:90px;align-items:center;justify-content:center;width:100%;margin:97px auto}._block_45yvm_12{display:flex;flex-direction:column;align-items:center}._block_45yvm_12 span:first-child{font-family:var(--font-secondary);font-size:clamp(2.5rem,24vw,10rem);padding:0 20px;margin-bottom:10px}@media (min-width: 0){._block_45yvm_12 span:last-child{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px}}@media (min-width: 625px){._block_45yvm_12 span:last-child{font-size:26px}}@media (min-width: 790px) and (orientation: landscape){._block_45yvm_12 span:last-child{font-size:20px}}@media (min-width: 790px) and (orientation: portrait){._block_45yvm_12 span:last-child{font-size:30px}}@media (min-width: 992px){._block_45yvm_12 span:last-child{font-size:24px}}._block_45yvm_12 span:last-child{font-size:clamp(10px,5vw,30px)}@media (min-width: 790px) and (orientation: landscape),(min-width: 992px){._countdown_45yvm_1{width:100%;grid-template-columns:repeat(4,1fr);margin:50px auto}._countdown_45yvm_1 span:first-child{margin-bottom:20px;font-size:clamp(2.5rem,10vw,10rem)}._countdown_45yvm_1 span:last-child{font-size:clamp(10px,3vw,30px)}}@media (min-width: 1200px){._countdown_45yvm_1{margin:0 auto;min-height:60vh}._countdown_45yvm_1 span:first-child{margin-bottom:20px;font-size:clamp(2.5rem,8vw,10rem)}._countdown_45yvm_1 span:last-child{font-size:clamp(10px,2vw,30px)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._content_1x7u4_2{padding:40px 20px;scroll-margin-top:40px}}@media (min-width: 390px){._content_1x7u4_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 625px){._content_1x7u4_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: portrait){._content_1x7u4_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: landscape){._content_1x7u4_2{padding:30px;scroll-margin-top:30px}}@media (min-width: 992px){._content_1x7u4_2{padding:70px 50px;scroll-margin-top:70px}}@media (min-width: 1200px){._content_1x7u4_2{padding:50px 100px;scroll-margin-top:50px}}@media (min-width: 1600px){._content_1x7u4_2{padding:130px 150px;scroll-margin-top:130px}}._fifty_1x7u4_49{display:flex;flex-direction:column;width:100%}._fifty_1x7u4_49[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_1x7u4_49[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_1x7u4_49[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_1x7u4_49[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_1x7u4_49[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_1x7u4_49[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_1x7u4_49[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_1x7u4_49[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_1x7u4_49:not(._contentFirst_1x7u4_86){flex-direction:column-reverse}._fifty_1x7u4_49._reverse_1x7u4_90 ._content_1x7u4_2{align-items:flex-end}._fifty_1x7u4_49._reverse_1x7u4_90 ._image_1x7u4_93{justify-content:flex-start}._fifty_1x7u4_49:not(._reverse_1x7u4_90) ._content_1x7u4_2{align-items:flex-start}._fifty_1x7u4_49:not(._reverse_1x7u4_90) ._image_1x7u4_93{justify-content:flex-end}._content_1x7u4_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;aspect-ratio:1}@media (min-width: 0){._content_1x7u4_2 h2{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){._content_1x7u4_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_1x7u4_2 h2{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){._content_1x7u4_2 h2{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){._content_1x7u4_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_1x7u4_2 h2{font-size:40px}}@media (min-width: 1200px){._content_1x7u4_2 h2{font-size:55px}}@media (min-width: 1600px){._content_1x7u4_2 h2{font-size:62px}}._content_1x7u4_2 h2{font-family:var(--font-secondary);margin-bottom:30px;line-height:1}@media (min-width: 0){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:20px;line-height:1.2}}@media (min-width: 390px){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:24px}}@media (min-width: 1600px){._content_1x7u4_2 ._text_1x7u4_161 p{font-size:26px}}._image_1x7u4_93{aspect-ratio:1/1;min-height:0;width:100%;position:relative}._image_1x7u4_93 img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}._ctas_1x7u4_219{margin-top:30px;display:flex}._ctas_1x7u4_219>*:not(:last-child){margin-right:5px}._text_1x7u4_161{display:flex;flex-direction:column;align-items:flex-start;width:100%}._text_1x7u4_161>div{font-size:inherit}._details_1x7u4_237{display:grid;grid-template-columns:1fr}@media (min-width: 625px){._fifty_1x7u4_49._reverse_1x7u4_90 ._content_1x7u4_2,._fifty_1x7u4_49:not(._reverse_1x7u4_90) ._content_1x7u4_2{align-items:center}._text_1x7u4_161{max-width:70%;width:unset}}@media (min-width: 790px) and (orientation: landscape),(min-width: 992px){._content_1x7u4_2{padding-top:30px;padding-bottom:30px}._fifty_1x7u4_49{grid-template-columns:1fr 1fr;grid-template-rows:1fr;display:grid}._fifty_1x7u4_49._reverse_1x7u4_90 ._content_1x7u4_2{order:1}._text_1x7u4_161{max-width:unset;width:100%}}@media (min-width: 992px){._fifty_1x7u4_49 ._content_1x7u4_2{padding:30px}}@media (min-width: 1200px){._fifty_1x7u4_49 ._content_1x7u4_2{padding:50px}._text_1x7u4_161 h2{margin-bottom:30px}._text_1x7u4_161>p{margin-bottom:40px}._ctas_1x7u4_219>*:not(:last-child){margin-right:10px}}@media (min-width: 1600px){._text_1x7u4_161{max-width:680px}._text_1x7u4_161 h2{margin-bottom:50px}._text_1x7u4_161>p{margin-bottom:50px}._fifty_1x7u4_49._reverse_1x7u4_90 ._content_1x7u4_2,._fifty_1x7u4_49:not(._reverse_1x7u4_90) ._content_1x7u4_2{align-items:center}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._hero_b3fj4_1{height:100svh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}._hero_b3fj4_1:before{content:"";position:absolute;inset:0;background:#fff;animation:_fadeOutWhite_b3fj4_1 2s ease forwards;z-index:1}._hero_b3fj4_1:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,#344149);z-index:2}._buttonGroup_b3fj4_28{justify-content:center}._heroBg_b3fj4_32{position:absolute;inset:-3%;background-size:cover;background-position:center;will-change:transform}._content_b3fj4_40{position:absolute;text-align:center;top:var(--floating-words-hero-content-top);right:var(--floating-words-hero-content-right);z-index:3}._title_b3fj4_48{font-family:var(--font-secondary);font-size:clamp(2.5rem,13vw,8.5rem);margin-bottom:30px;opacity:0;transform:translateY(24px);animation:_slideIn_b3fj4_1 2s ease forwards;animation-delay:1s}._title_b3fj4_48>*{font-family:inherit}._subtitle_b3fj4_62{font-size:clamp(10px,5vw,30px);text-transform:uppercase;letter-spacing:3px;margin-bottom:30px;opacity:0;transform:translateY(24px);animation:_slideIn_b3fj4_1 2s ease forwards;animation-delay:1.3s}._content_b3fj4_40>div:last-child{opacity:0;transform:translateY(24px);animation:_slideIn_b3fj4_1 2s ease forwards;animation-delay:1.6s}._arrow_b3fj4_80{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:3;opacity:0;animation:_fadeInArrow_b3fj4_1 .6s ease forwards 1.6s;cursor:pointer}._arrowCircle_b3fj4_91{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;color:#fff}._arrowCircle_b3fj4_91 svg{display:block;animation:_bounceChevron_b3fj4_1 1.6s ease-in-out infinite 2.2s}@keyframes _fadeInArrow_b3fj4_1{to{opacity:1}}@keyframes _bounce_b3fj4_1{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes _bounceChevron_b3fj4_1{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes _fadeOutWhite_b3fj4_1{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes _slideIn_b3fj4_1{to{opacity:1;transform:translateY(0)}}@media (min-width: 790px) and (orientation: landscape){._title_b3fj4_48{font-size:clamp(2.5rem,10vw,8.5rem);margin-bottom:15px}._subtitle_b3fj4_62{font-size:clamp(10px,2.5vw,30px);margin-bottom:20px;display:flex;justify-content:flex-end}._content_b3fj4_40{text-align:end}._buttonGroup_b3fj4_28{justify-content:flex-end}}@media (min-width: 1200px){._title_b3fj4_48{margin-bottom:40px}._subtitle_b3fj4_62{font-size:clamp(10px,2vw,30px);margin-bottom:40px}._arrow_b3fj4_80{bottom:50px}._arrowCircle_b3fj4_91{width:50px;height:50px}@keyframes _bounce_b3fj4_1{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(15px)}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._footer_wvj24_2{padding:40px 20px;scroll-margin-top:40px}}@media (min-width: 390px){._footer_wvj24_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 625px){._footer_wvj24_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: portrait){._footer_wvj24_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: landscape){._footer_wvj24_2{padding:30px;scroll-margin-top:30px}}@media (min-width: 992px){._footer_wvj24_2{padding:70px 50px;scroll-margin-top:70px}}@media (min-width: 1200px){._footer_wvj24_2{padding:50px 100px;scroll-margin-top:50px}}@media (min-width: 1600px){._footer_wvj24_2{padding:130px 150px;scroll-margin-top:130px}}._footer_wvj24_2{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--color-primary-dark);color:var(--color-white)}._image_wvj24_58{width:50px;margin-bottom:20px}._text_wvj24_63{letter-spacing:3px}@media (min-width: 0){._text_wvj24_63{font-size:18px}}@media (min-width: 790px) and (orientation: landscape){._text_wvj24_63{font-size:18px}}@media (min-width: 790px) and (orientation: portrait){._text_wvj24_63{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){._text_wvj24_63{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){._text_wvj24_63{font-size:22px;line-height:1}}@media (min-width: 790px) and (orientation: portrait){._footer_wvj24_2{min-height:250px}._image_wvj24_58{width:50px}}@media (min-width: 790px) and (orientation: landscape){._footer_wvj24_2{min-height:250px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._gallery_1brih_1{display:grid;gap:20px}._image_1brih_6 img{object-fit:cover;width:100%;height:100%}._image_1brih_6{aspect-ratio:1}._row_1brih_15{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 625px){._row_1brih_15{grid-template-columns:1fr 1fr}}@media (min-width: 790px){._row_1brih_15{grid-template-columns:2fr 1fr}._row_1brih_15._reverse_1brih_30{grid-template-columns:1fr 2fr}._image_1brih_6{aspect-ratio:unset}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_b5pev_1{width:100%;height:25vh;overflow:hidden;position:relative}._scrollWrapper_b5pev_8{display:flex;gap:1rem;align-items:center;height:25vh;width:max-content;will-change:transform}._imageWrapper_b5pev_17{flex:0 0 auto;aspect-ratio:1;height:100%}._imageWrapper_b5pev_17 img{width:100%;height:100%;object-fit:cover;will-change:transform}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._detail_1tukt_1{display:flex;align-items:flex-start}@media (min-width: 0){._detail_1tukt_1{font-size:20px;line-height:1.2}}@media (min-width: 390px){._detail_1tukt_1{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._detail_1tukt_1{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._detail_1tukt_1{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._detail_1tukt_1{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._detail_1tukt_1{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._detail_1tukt_1{font-size:24px}}@media (min-width: 1600px){._detail_1tukt_1{font-size:26px}}._detail_1tukt_1:not(:last-child){margin-bottom:30px}._detail_1tukt_1 span{line-height:1.2;margin-right:10px}._label_1tukt_57,._label_1tukt_57>*{text-align:left}@media (min-width: 790px) and (orientation: landscape),(min-width: 992px){._detail_1tukt_1 p{line-height:1.3}._detail_1tukt_1 span{line-height:1}._detail_1tukt_1:not(:last-child){margin-bottom:20px}}@media (min-width: 992px){._detail_1tukt_1:not(:last-child){margin-bottom:40px}._detail_1tukt_1 span{line-height:1.2}}@media (min-width: 1200px){._detail_1tukt_1 span{line-height:1.4}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_v69a4_1{display:grid;grid-template-columns:1fr;gap:50px}._reverse_v69a4_7 ._container_v69a4_1{grid-auto-flow:row;direction:rtl}._reverse_v69a4_7 ._container_v69a4_1 ._content_v69a4_11{direction:ltr}@media (min-width: 0){._header_v69a4_16{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){._header_v69a4_16{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_v69a4_16{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){._header_v69a4_16{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){._header_v69a4_16{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_v69a4_16{font-size:40px}}@media (min-width: 1200px){._header_v69a4_16{font-size:55px}}@media (min-width: 1600px){._header_v69a4_16{font-size:62px}}._header_v69a4_16{font-family:var(--font-secondary);margin-bottom:40px}._content_v69a4_11{display:flex;flex-direction:column;align-items:flex-start}._body_v69a4_69{display:flow-root;margin-bottom:30px}._body_v69a4_69 p{margin-bottom:20px}@media (min-width: 0){._body_v69a4_69 p{font-size:20px;line-height:1.2}}@media (min-width: 390px){._body_v69a4_69 p{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._body_v69a4_69 p{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._body_v69a4_69 p{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._body_v69a4_69 p{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._body_v69a4_69 p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_v69a4_69 p{font-size:24px}}@media (min-width: 1600px){._body_v69a4_69 p{font-size:26px}}._ctas_v69a4_121>*:first-child{margin-right:10px}._image_v69a4_125{height:300px;margin:0 auto}._image_v69a4_125 img{object-fit:cover;width:100%;height:100%;display:block}._ctas_v69a4_121{display:flex}@media (min-width: 625px){._image_v69a4_125{width:100%;height:450px;max-width:600px}._content_v69a4_11{max-width:70%;margin:0 auto}._body_v69a4_69{text-align:center}._header_v69a4_16{width:100%;text-align:center}._ctas_v69a4_121{margin-left:auto;margin-right:auto}}@media (min-width: 790px) and (orientation: portrait){._image_v69a4_125{height:500px}}@media (min-width: 790px) and (orientation: landscape),(min-width: 992px){._container_v69a4_1{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:350px}._content_v69a4_11{text-align:left;padding:5% 0;align-items:flex-start;max-width:unset}._reverse_v69a4_7 ._container_v69a4_1 ._content_v69a4_11{order:1}._header_v69a4_16,._body_v69a4_69{text-align:left}._block_v69a4_186 ._content_v69a4_11,._block_v69a4_186 ._image_v69a4_125{margin:0!important}._image_v69a4_125{min-height:100%}._ctas_v69a4_121{margin-left:unset}}@media (min-width: 992px){._container_v69a4_1{gap:50px}._content_v69a4_11{padding:7% 0}._image_v69a4_125{max-width:unset}}@media (min-width: 1200px){._container_v69a4_1{grid-template-columns:1fr 1fr;column-gap:50px;min-height:500px}}@media (min-width: 1600px){._container_v69a4_1,._reverse_v69a4_7 ._container_v69a4_1{grid-template-columns:1fr 1fr}._content_v69a4_11{padding:10% 0}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._item_1qcan_1{display:flex;align-items:flex-start;margin-bottom:20px}._icon_1qcan_7{width:25px;margin-right:15px;margin-top:4px}@media (min-width: 0){._header_1qcan_14{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){._header_1qcan_14{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_1qcan_14{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){._header_1qcan_14{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){._header_1qcan_14{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_1qcan_14{font-size:40px}}@media (min-width: 1200px){._header_1qcan_14{font-size:55px}}@media (min-width: 1600px){._header_1qcan_14{font-size:62px}}._header_1qcan_14{font-family:var(--font-secondary)}@media (min-width: 0){._emphasis_1qcan_61{font-size:20px;line-height:1.2}}@media (min-width: 390px){._emphasis_1qcan_61{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._emphasis_1qcan_61{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._emphasis_1qcan_61{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._emphasis_1qcan_61{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._emphasis_1qcan_61{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._emphasis_1qcan_61{font-size:24px}}@media (min-width: 1600px){._emphasis_1qcan_61{font-size:26px}}._emphasis_1qcan_61{font-weight:600}@media (min-width: 0){._body_1qcan_109{font-size:20px;line-height:1.2}}@media (min-width: 390px){._body_1qcan_109{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._body_1qcan_109{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._body_1qcan_109{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._body_1qcan_109{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._body_1qcan_109{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_1qcan_109{font-size:24px}}@media (min-width: 1600px){._body_1qcan_109{font-size:26px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_699zq_1{position:relative;display:flex;justify-content:center}._button_699zq_7{position:absolute;bottom:20px}._map_699zq_12{width:100%;height:105vh;pointer-events:none}._fade_699zq_18{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,var(--color-white) 60%,rgba(255,255,255,0));height:100px}._marker_699zq_26 ._pin_699zq_26{background-color:var(--color-primary-medium);padding:8px;border-radius:10px;white-space:nowrap;color:var(--color-white);font-size:12px;text-align:center}._marker_699zq_26._above_699zq_35{margin-bottom:40px;margin-right:20px}._marker_699zq_26._above_699zq_35 ._pin_699zq_26:after{content:" ";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-left:-10px;border-width:20px;border-style:solid;margin-top:-40px;border-color:var(--color-primary-medium) transparent transparent transparent}._marker_699zq_26._below_699zq_52{margin-bottom:-80px;margin-right:20px}._marker_699zq_26._below_699zq_52 ._pin_699zq_26:before{content:" ";position:absolute;bottom:100%;margin-top:80px;left:50%;transform:translate(-50%);margin-left:-10px;border-width:20px;border-style:solid;border-color:transparent transparent var(--color-primary-medium) transparent}@media (min-width: 390px){._button_699zq_7{bottom:20px;font-size:22px}._map_699zq_12{height:100vh}._fade_699zq_18{height:140px}}@media (min-width: 625px){._marker_699zq_26 ._pin_699zq_26{font-size:18px}}@media (min-width: 790px) and (orientation: landscape){._map_699zq_12{height:150vh}}@media (min-width: 992px){._map_699zq_12{height:80vh}}@media (min-width: 992px) and (orientation: landscape){._map_699zq_12{height:120vh}}@media (min-width: 1200px){._map_699zq_12{height:90vh}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._button_zo0en_1{width:24px;height:19.2px}._button_zo0en_1._isOpen_zo0en_6 ._top_zo0en_6,._button_zo0en_1._isOpen_zo0en_6 ._bottom_zo0en_7{width:27px}._button_zo0en_1{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:0;border:0px;background-color:transparent}._button_zo0en_1._isOpen_zo0en_6 ._top_zo0en_6{transform:rotate(45deg);transform-origin:top left}._button_zo0en_1._isOpen_zo0en_6 ._middle_zo0en_25{width:0px}._button_zo0en_1._isOpen_zo0en_6 ._bottom_zo0en_7{transform:rotate(-45deg);transform-origin:bottom left}._line_zo0en_33{height:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:100%}._line_zo0en_33[data-color=color-primary-dark],._line_zo0en_33[data-color=color-primary-medium]{background-color:var(--color-white)}._line_zo0en_33[data-color=color-primary-light],._line_zo0en_33[data-color=color-secondary]{background-color:var(--color-neutral-dark)}._line_zo0en_33[data-color=color-neutral-dark],._line_zo0en_33[data-color=color-neutral-medium]{background-color:var(--color-white)}._line_zo0en_33[data-color=color-neutral-light],._line_zo0en_33[data-color=color-white]{background-color:var(--color-neutral-dark)}._line_zo0en_33{transition:all .5s ease-in-out}@media (min-width: 625px){._button_zo0en_1 ._button_zo0en_1{width:30px;height:24px}._button_zo0en_1 ._button_zo0en_1._isOpen_zo0en_6 ._top_zo0en_6,._button_zo0en_1 ._button_zo0en_1._isOpen_zo0en_6 ._bottom_zo0en_7{width:33.75px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._navbar_1ue9a_1{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:30;left:0;padding:8px 20px;position:fixed;top:0;width:100%;transition:all .3s ease-in-out;margin-top:0;height:var(--navbar-height, 60px);background-color:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._navbar_1ue9a_1._hide_1ue9a_19{margin-top:calc(-1 * var(--navbar-height, 60px))}._navbar_1ue9a_1._background_1ue9a_22 ._navbar__link_1ue9a_22{color:var(--color-neutral-dark)}._navbar__logo_1ue9a_26{height:100%}._navbar__logo_1ue9a_26 svg{height:100%;transition:fill .5s ease-in-out;fill:#000}._navbar__logo_1ue9a_26 ._component_1ue9a_34{height:100%}._navbar__links_1ue9a_38{display:none}._navbar__link_1ue9a_22{text-decoration:none;color:inherit;transition:color .5s ease-in-out}@media (min-width: 0){._navbar__link_1ue9a_22{font-size:20px;line-height:1.2}}@media (min-width: 390px){._navbar__link_1ue9a_22{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._navbar__link_1ue9a_22{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._navbar__link_1ue9a_22{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._navbar__link_1ue9a_22{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._navbar__link_1ue9a_22{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._navbar__link_1ue9a_22{font-size:24px}}@media (min-width: 1600px){._navbar__link_1ue9a_22{font-size:26px}}._navbar__link_1ue9a_22{margin-bottom:30px}._navbar__mobileDialog_1ue9a_95{display:flex;flex-direction:column;padding:50px 20px 20px}@media (min-width: 390px){._navbar_1ue9a_1{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}._navbar_1ue9a_1._background_1ue9a_22:not(._open_1ue9a_107){background-color:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media (min-width: 625px){._navbar__mobileDialog_1ue9a_95{padding:100px 50px 50px}}@media (min-width: 790px){._navbar__toggle_1ue9a_118{display:none}._navbar__links_1ue9a_38{display:initial}._navbar__link_1ue9a_22:not(:last-child){margin-right:15px}}@media (min-width: 992px){._navbar__link_1ue9a_22:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_1ue9a_1{padding:15px 50px}._navbar__link_1ue9a_22:not(:last-child){margin-right:30px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._salutation_vtem0_2{font-size:20px;line-height:1.2}}@media (min-width: 390px){._salutation_vtem0_2{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._salutation_vtem0_2{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._salutation_vtem0_2{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._salutation_vtem0_2{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._salutation_vtem0_2{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._salutation_vtem0_2{font-size:24px}}@media (min-width: 1600px){._salutation_vtem0_2{font-size:26px}}._salutation_vtem0_2{margin-bottom:35px}._salutation_vtem0_2 ._opener_vtem0_48{text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._salutation_vtem0_2 ._from_vtem0_53{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){._salutation_vtem0_2 ._from_vtem0_53{font-size:40px;line-height:1.2}}@media (min-width: 625px){._salutation_vtem0_2 ._from_vtem0_53{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){._salutation_vtem0_2 ._from_vtem0_53{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){._salutation_vtem0_2 ._from_vtem0_53{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._salutation_vtem0_2 ._from_vtem0_53{font-size:40px}}@media (min-width: 1200px){._salutation_vtem0_2 ._from_vtem0_53{font-size:55px}}@media (min-width: 1600px){._salutation_vtem0_2 ._from_vtem0_53{font-size:62px}}._salutation_vtem0_2 ._from_vtem0_53{display:block;margin-top:10px}._body_vtem0_100{margin-bottom:35px}@media (min-width: 0){._body_vtem0_100 p{font-size:20px;line-height:1.2}}@media (min-width: 390px){._body_vtem0_100 p{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._body_vtem0_100 p{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._body_vtem0_100 p{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._body_vtem0_100 p{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._body_vtem0_100 p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._body_vtem0_100 p{font-size:24px}}@media (min-width: 1600px){._body_vtem0_100 p{font-size:26px}}._body_vtem0_100 p{margin-bottom:20px}@media (min-width: 0){._close_vtem0_152{font-size:20px;line-height:1.2}}@media (min-width: 390px){._close_vtem0_152{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._close_vtem0_152{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._close_vtem0_152{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._close_vtem0_152{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._close_vtem0_152{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._close_vtem0_152{font-size:24px}}@media (min-width: 1600px){._close_vtem0_152{font-size:26px}}._close_vtem0_152{margin-bottom:10px}._signature_vtem0_199{font-family:var(--font-secondary);font-size:48px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes _fadeIn_1nquw_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1nquw_57{0%{opacity:100%}to{opacity:0%}}._overlay_1nquw_17{display:flex;justify-content:center;align-items:center;width:100%;height:100%}._innerContainer_1nquw_25{width:auto;max-width:90vw;max-height:80vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center;background:var(--color-white);border-radius:5px;box-shadow:0 0 30px #0000004d}._content_1nquw_39{width:100%}._hideNav_1nquw_43 ._overlay__dialog_1nquw_43{z-index:30}._overlay__background_1nquw_47{animation:.5s ease-out 0s 1 _fadeIn_1nquw_1 forwards;width:100%;height:100%;background:#000c;position:fixed;top:0;left:0;z-index:15}._overlay__background_1nquw_47._fadeOut_1nquw_57{animation:.5s ease-in-out 0s 1 _fadeOut_1nquw_57 forwards}._overlay__dialog_1nquw_43{position:fixed;opacity:1;width:100%;height:100%;top:0;left:0;z-index:29;animation:.5s ease-out 0s 1 _fadeIn_1nquw_1 forwards;background:var(--color-white)}._overlay__dialog_1nquw_43._fadeOut_1nquw_57{animation:.5s ease-in-out 0s 1 _fadeOut_1nquw_57 forwards}._overlay__dialog_1nquw_43 span{font-size:35px;font-weight:600}._overlay__close_1nquw_80{position:absolute;top:30px;right:30px;cursor:pointer;width:25px;font-size:25px;z-index:2}._overlay__close_1nquw_80 img{width:100%}@media (min-width: 992px){._overlay__dialog_1nquw_43{width:unset;height:unset;max-height:90%;overflow-y:auto;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}._overlay__dialog_1nquw_43._fullscreen_1nquw_104{width:calc(100% - 50px);height:calc(100% - 50px)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._container__inner_1mlm4_2{padding:40px 20px;scroll-margin-top:40px}}@media (min-width: 390px){._container__inner_1mlm4_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 625px){._container__inner_1mlm4_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: portrait){._container__inner_1mlm4_2{padding:50px 30px;scroll-margin-top:50px}}@media (min-width: 790px) and (orientation: landscape){._container__inner_1mlm4_2{padding:30px;scroll-margin-top:30px}}@media (min-width: 992px){._container__inner_1mlm4_2{padding:70px 50px;scroll-margin-top:70px}}@media (min-width: 1200px){._container__inner_1mlm4_2{padding:50px 100px;scroll-margin-top:50px}}@media (min-width: 1600px){._container__inner_1mlm4_2{padding:130px 150px;scroll-margin-top:130px}}._container__inner_1mlm4_2{width:100%}._container__inner_1mlm4_2 h1{font-size:40px}._container__inner_1mlm4_2._removePadding_1mlm4_55{padding:0}._container__body_1mlm4_59{font-size:20px;margin-top:30px}._container__body_1mlm4_59 p{margin-bottom:20px}@media (min-width: 992px){._container__body_1mlm4_59{font-size:24px;line-height:2}}@media (min-width: 1200px){._container__copy_1mlm4_74{max-width:1400px;margin:30px 0 auto}._container__inner_1mlm4_2 h1{font-size:50px}._container__body_1mlm4_59{margin-top:30px;font-size:28px;line-height:1.8}}@media (min-width: 1920px){._container__copy_1mlm4_74{max-width:1400px;margin:0 auto}._container__body_1mlm4_59 p{font-size:32px;line-height:1.5}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_1tu23_1{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}._center_1tu23_10{width:100%;height:100%;max-width:700px;max-height:700px}._wrapper_1tu23_17{position:absolute;inset:0;width:100vw;padding:1rem;display:grid;grid-template-columns:1fr 2fr 500px 2fr 1fr;grid-template-rows:1fr 500px 1fr;grid-template-areas:"area-1 area-2 area-2 area-3 area-4" "area-1 area-6 center area-3 area-8" "area-5 area-6 area-7 area-7 area-8";gap:1rem}._box_1tu23_29{will-change:transform;background-size:cover;background-position:center}._center_1tu23_10{width:500px;height:500px;grid-area:center;will-change:transform,height,width,scale;transform-origin:center center;width:100%;aspect-ratio:1;height:100%;max-width:700px;max-height:700px;background-position:center;background-size:cover}@media (min-width: 992px){._wrapper_1tu23_17{grid-template-columns:1fr 2fr 300px 2fr 1fr;grid-template-rows:1fr 300px 1fr;grid-template-areas:"area-1 area-2 area-2 area-3 area-4" "area-1 area-6 center area-3 area-8" "area-5 area-6 area-7 area-7 area-8"}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
html,body{overscroll-behavior:none;height:100%}p,h1,h2,h3{margin:0}@media (min-width: 0){strong{font-weight:500;font-size:24px}}@media (min-width: 790px) and (orientation: portrait){strong{font-size:30px}}@media (min-width: 790px) and (orientation: landscape){strong{font-size:20px}}@media (min-width: 992px){strong{font-size:28px}}@media (min-width: 0){small{font-size:18px}}@media (min-width: 790px) and (orientation: landscape){small{font-size:18px}}@media (min-width: 790px) and (orientation: portrait){small{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){small{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){small{font-size:22px;line-height:1}}small{font-style:italic}#rsvpify-wrapper{width:100%;height:100%}@media (min-width: 0){.typography--h2{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){.typography--h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){.typography--h2{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){.typography--h2{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){.typography--h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){.typography--h2{font-size:40px}}@media (min-width: 1200px){.typography--h2{font-size:55px}}@media (min-width: 1600px){.typography--h2{font-size:62px}}@media (min-width: 0){.typography--h3{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px}}@media (min-width: 625px){.typography--h3{font-size:26px}}@media (min-width: 790px) and (orientation: landscape){.typography--h3{font-size:20px}}@media (min-width: 790px) and (orientation: portrait){.typography--h3{font-size:30px}}@media (min-width: 992px){.typography--h3{font-size:24px}}@media (min-width: 0){.typography--h4{font-weight:560;font-size:26px;line-height:1;margin-bottom:10px}}@media (min-width: 625px){.typography--h4{font-size:26px}}@media (min-width: 790px) and (orientation: landscape){.typography--h4{font-size:20px}}@media (min-width: 790px) and (orientation: portrait){.typography--h4{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){.typography--h4{font-size:28px}}@media (min-width: 0){.typography--body{font-size:20px;line-height:1.2}}@media (min-width: 390px){.typography--body{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){.typography--body{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){.typography--body{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){.typography--body{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){.typography--body{font-size:24px;line-height:1.3}}@media (min-width: 1200px){.typography--body{font-size:24px}}@media (min-width: 1600px){.typography--body{font-size:26px}}@media (min-width: 0){.typography--strong{font-weight:500;font-size:24px}}@media (min-width: 790px) and (orientation: portrait){.typography--strong{font-size:30px}}@media (min-width: 790px) and (orientation: landscape){.typography--strong{font-size:20px}}@media (min-width: 992px){.typography--strong{font-size:28px}}.hidden{visibility:hidden}.mobile-break{display:inline}@media (min-width: 790px){.mobile-break{display:none}}@media (min-width: 0){._group_iq3ie_2{width:calc(100% + 40px);margin-left:-20px}}@media (min-width: 390px){._group_iq3ie_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 625px){._group_iq3ie_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_iq3ie_2{display:grid;grid-template-columns:1fr;gap:30px;padding:0 20px}._group_iq3ie_2._slider_iq3ie_27{grid-template-columns:repeat(var(--promos),1fr);overflow-x:auto}@media (min-width: 0){._header_iq3ie_33{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){._header_iq3ie_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_iq3ie_33{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){._header_iq3ie_33{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){._header_iq3ie_33{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_iq3ie_33{font-size:40px}}@media (min-width: 1200px){._header_iq3ie_33{font-size:55px}}@media (min-width: 1600px){._header_iq3ie_33{font-size:62px}}._header_iq3ie_33{font-family:var(--font-secondary);margin-bottom:30px;text-align:center}._promo_iq3ie_81{grid-row:auto/span var(--propCount);padding:30px;display:grid;grid-template-rows:subgrid;min-width:73vw;gap:0;text-decoration:none}._promo_iq3ie_81[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_iq3ie_81[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_iq3ie_81[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_iq3ie_81[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._promo_iq3ie_81[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_iq3ie_81[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_iq3ie_81[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_iq3ie_81[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}@supports not (grid-template-rows: subgrid){._promo_iq3ie_81{display:flex;flex-direction:column}}._promo_iq3ie_81[data-direction=horizontal]{grid-template-columns:auto 1fr}._promo_iq3ie_81[data-direction=horizontal] ._icon_iq3ie_131{grid-column:1;grid-row:1/-1;margin-right:10px;font-size:70px}._promo_iq3ie_81[data-text-align=center]{text-align:center;align-items:center}._promo_iq3ie_81[data-text-align=center] ._cta_iq3ie_141{margin-left:auto;margin-right:auto}._promo_iq3ie_81 ._icon_iq3ie_131{font-size:50px}._imageContainer_iq3ie_149{width:100%;height:var(--image-container-height, 200px)}._image_iq3ie_149{width:100%;height:100%;object-fit:cover;margin:0 auto}._promo__header_iq3ie_161{margin:5px 0 20px;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._promo__header_iq3ie_161{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px}}@media (min-width: 625px){._promo__header_iq3ie_161{font-size:26px}}@media (min-width: 790px) and (orientation: landscape){._promo__header_iq3ie_161{font-size:20px}}@media (min-width: 790px) and (orientation: portrait){._promo__header_iq3ie_161{font-size:30px}}@media (min-width: 992px){._promo__header_iq3ie_161{font-size:24px}}@media (min-width: 0){._cta_iq3ie_141{font-size:20px;line-height:1.2}}@media (min-width: 390px){._cta_iq3ie_141{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._cta_iq3ie_141{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._cta_iq3ie_141{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._cta_iq3ie_141{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._cta_iq3ie_141{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._cta_iq3ie_141{font-size:24px}}@media (min-width: 1600px){._cta_iq3ie_141{font-size:26px}}._cta_iq3ie_141{margin-top:30px;font-style:italic}._icon_iq3ie_131{font-size:60px;margin-bottom:20px}@media (min-width: 0){._promo__body_iq3ie_253{font-size:20px;line-height:1.2}}@media (min-width: 390px){._promo__body_iq3ie_253{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._promo__body_iq3ie_253{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._promo__body_iq3ie_253{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._promo__body_iq3ie_253{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._promo__body_iq3ie_253{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._promo__body_iq3ie_253{font-size:24px}}@media (min-width: 1600px){._promo__body_iq3ie_253{font-size:26px}}._promo__body_iq3ie_253{align-self:flex-start}._stats_iq3ie_300{padding-top:20px}._stat_iq3ie_300{display:flex;align-items:center;margin-bottom:5px}._stat_iq3ie_300 span:first-child{margin-right:10px}@media (min-width: 0){._statText_iq3ie_314{font-size:20px;line-height:1.2}}@media (min-width: 390px){._statText_iq3ie_314{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._statText_iq3ie_314{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._statText_iq3ie_314{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._statText_iq3ie_314{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._statText_iq3ie_314{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._statText_iq3ie_314{font-size:24px}}@media (min-width: 1600px){._statText_iq3ie_314{font-size:26px}}._statText_iq3ie_314{font-style:italic}@media (min-width: 625px){._group_iq3ie_2{gap:50px}._group_iq3ie_2._slider_iq3ie_27{grid-template-columns:1fr 1fr;padding:0}._promo_iq3ie_81{min-width:unset}._promo_iq3ie_81[data-direction=horizontal]{grid-template-columns:100px 1fr}}@media (min-width: 790px) and (orientation: landscape){._group_iq3ie_2{grid-template-columns:1fr 1fr 1fr;gap:10px}._group_iq3ie_2._count-4_iq3ie_381,._group_iq3ie_2._count-2_iq3ie_381{grid-template-columns:1fr 1fr}._group_iq3ie_2._slider_iq3ie_27{grid-template-columns:repeat(auto-fit,1fr)}}@media (min-width: 790px) and (orientation: portrait){._group_iq3ie_2._slider_iq3ie_27{gap:30px}}@media (min-width: 992px){._group_iq3ie_2{gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}._group_iq3ie_2._count-4_iq3ie_381{grid-template-columns:repeat(2,1fr)}._group_iq3ie_2._slider_iq3ie_27{grid-template-columns:1fr 1fr 1fr;gap:var(--promo-group-gap, 20px)}._promo_iq3ie_81{padding:30px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._title_1iuzs_1{width:100%;text-align:center}@media (min-width: 0){._title_1iuzs_1{font-family:var(--font-secondary);font-size:38px;line-height:1}}@media (min-width: 390px){._title_1iuzs_1{font-size:40px;line-height:1.2}}@media (min-width: 625px){._title_1iuzs_1{font-size:46px}}@media (min-width: 790px) and (orientation: landscape){._title_1iuzs_1{font-size:36px}}@media (min-width: 790px) and (orientation: portrait){._title_1iuzs_1{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._title_1iuzs_1{font-size:40px}}@media (min-width: 1200px){._title_1iuzs_1{font-size:55px}}@media (min-width: 1600px){._title_1iuzs_1{font-size:62px}}._title_1iuzs_1{margin-bottom:50px}._blocks_1iuzs_52{display:flex;flex-direction:column}._block_1iuzs_52{padding-bottom:50px;display:grid}@media (min-width: 0){._blockHeader_1iuzs_63{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px}}@media (min-width: 625px){._blockHeader_1iuzs_63{font-size:26px}}@media (min-width: 790px) and (orientation: landscape){._blockHeader_1iuzs_63{font-size:20px}}@media (min-width: 790px) and (orientation: portrait){._blockHeader_1iuzs_63{font-size:30px}}@media (min-width: 992px){._blockHeader_1iuzs_63{font-size:24px}}@media (min-width: 0){._description_1iuzs_92,._description_1iuzs_92>p{font-size:20px;line-height:1.2}}@media (min-width: 390px){._description_1iuzs_92,._description_1iuzs_92>p{font-size:22px}}@media (min-width: 790px) and (orientation: portrait){._description_1iuzs_92,._description_1iuzs_92>p{font-size:28px}}@media (min-width: 790px) and (orientation: landscape){._description_1iuzs_92,._description_1iuzs_92>p{font-size:18px;line-height:1.3}}@media (min-width: 992px) and (orientation: portrait){._description_1iuzs_92,._description_1iuzs_92>p{font-size:24px;line-height:1.2}}@media (min-width: 992px) and (orientation: landscape){._description_1iuzs_92,._description_1iuzs_92>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._description_1iuzs_92,._description_1iuzs_92>p{font-size:24px}}@media (min-width: 1600px){._description_1iuzs_92,._description_1iuzs_92>p{font-size:26px}}@media (min-width: 790px){._title_1iuzs_1{margin-bottom:50px}._block_1iuzs_52{grid-template-columns:1fr 2fr;gap:80px 40px}._description_1iuzs_92>p{margin-bottom:30px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._spacer_1g76i_1{height:100vh}._timelineWrapper_1g76i_6{position:relative;width:100%}._linePin_1g76i_12{position:absolute;top:50%;left:50%;height:100vh;width:20px;transform:translate(-50%,-50%);pointer-events:none}._timelineLine_1g76i_22{position:absolute;top:0;left:50%;width:4px;height:0;background-color:#007bff;transform:translate(-50%)}._items_1g76i_33{position:relative;max-width:900px;margin:0 auto;padding:200px 0}._item_1g76i_33{margin:200px 0;display:flex}._item_1g76i_33:nth-child(2n){justify-content:flex-end}._text_1g76i_49{background:#f3f3f3;padding:20px;border-radius:8px;max-width:400px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._toolbar_1bewn_1{position:fixed;right:0;bottom:0;background-color:#000;width:100px;height:100px;z-index:20000;color:#fff}._button_1bewn_12{width:100px;height:100px;z-index:20000;position:fixed;bottom:0;right:0;background-color:transparent}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="65.03" height="63.819" viewBox="0 0 65.03 63.819">
|
|
2
|
+
<path id="check-mark-svgrepo-com" d="M62.795,1.776a5.484,5.484,0,0,0-7.587,1.617L24.467,50.776,9.476,36.914A5.486,5.486,0,1,0,2.027,44.97l19.684,18.2s.565.486.827.657a5.484,5.484,0,0,0,7.589-1.617L64.411,9.363a5.484,5.484,0,0,0-1.617-7.587Z" transform="translate(-0.266 -0.891)" fill="#e2e0e0"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as f, jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { useState as u, useId as v } from "react";
|
|
4
|
+
import { s as a, A } from "../../AccordionItem-DUGBw5pW.js";
|
|
5
|
+
import { useStagger as h } from "../../hooks/useStagger.js";
|
|
6
|
+
import { appleStagger as r, appleReveal as y } from "../../presets/animations.js";
|
|
7
|
+
import { useReveal as R } from "../../hooks/useReveal.js";
|
|
8
|
+
const F = ({ items: l, header: m, color: n }) => {
|
|
9
|
+
const [o, c] = u([]), g = h(`.${a.accordion__item}`, r.from, {
|
|
10
|
+
...r.to,
|
|
11
|
+
stagger: r.stagger,
|
|
12
|
+
scrollTrigger: { start: r.start }
|
|
13
|
+
}), d = R(y), p = (e, t) => {
|
|
14
|
+
c(t ? [...o, e] : o.filter((s) => s != e));
|
|
15
|
+
};
|
|
16
|
+
return /* @__PURE__ */ f("div", { className: a.accordion, "data-color": n, ref: g, children: [
|
|
17
|
+
/* @__PURE__ */ i("div", { className: a.header, ref: d, children: m }),
|
|
18
|
+
l.map((e, t) => /* @__PURE__ */ i(
|
|
19
|
+
A,
|
|
20
|
+
{
|
|
21
|
+
title: e.title,
|
|
22
|
+
body: e.body,
|
|
23
|
+
toggleFn: (s) => p(t, s),
|
|
24
|
+
isOpen: o.includes(t),
|
|
25
|
+
idx: t
|
|
26
|
+
},
|
|
27
|
+
v()
|
|
28
|
+
))
|
|
29
|
+
] });
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
F as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as m } from "react";
|
|
4
|
+
import { u as p } from "../../index-K0WrPJ_C.js";
|
|
5
|
+
import { ensureGsapRegistered as k } from "../../utils/gsapSetup.js";
|
|
6
|
+
import '../../assets/Background.css';const b = "_container_3ktk5_2", l = "_background_3ktk5_11", e = {
|
|
7
|
+
container: b,
|
|
8
|
+
background: l
|
|
9
|
+
}, n = (r) => {
|
|
10
|
+
if (typeof r == "number") return r;
|
|
11
|
+
if (r.endsWith("%")) return parseFloat(r);
|
|
12
|
+
switch (r) {
|
|
13
|
+
case "left":
|
|
14
|
+
case "top":
|
|
15
|
+
return 0;
|
|
16
|
+
case "center":
|
|
17
|
+
return 50;
|
|
18
|
+
case "right":
|
|
19
|
+
case "bottom":
|
|
20
|
+
return 100;
|
|
21
|
+
default:
|
|
22
|
+
return 50;
|
|
23
|
+
}
|
|
24
|
+
}, R = ({
|
|
25
|
+
image: r,
|
|
26
|
+
x: s = "center",
|
|
27
|
+
y: c = "center",
|
|
28
|
+
id: a,
|
|
29
|
+
parallax: i = !1,
|
|
30
|
+
pos: u
|
|
31
|
+
}) => {
|
|
32
|
+
const d = k(), t = m(), g = n(s), f = n(c);
|
|
33
|
+
return p(() => {
|
|
34
|
+
i && d.to(t.current, {
|
|
35
|
+
backgroundPosition: `${g}% ${f + 70}%`,
|
|
36
|
+
duration: 2,
|
|
37
|
+
scrollTrigger: {
|
|
38
|
+
trigger: t.current,
|
|
39
|
+
start: "top bottom-=40%",
|
|
40
|
+
scrub: !0
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
}), /* @__PURE__ */ o("div", { className: e.container, children: /* @__PURE__ */ o(
|
|
44
|
+
"div",
|
|
45
|
+
{
|
|
46
|
+
className: e.background,
|
|
47
|
+
style: {
|
|
48
|
+
backgroundImage: `url(${r})`,
|
|
49
|
+
// backgroundPosition: parallax && `${posX}% ${posY}%`,
|
|
50
|
+
backgroundPosition: u
|
|
51
|
+
},
|
|
52
|
+
ref: t,
|
|
53
|
+
id: a
|
|
54
|
+
}
|
|
55
|
+
) });
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
R as default
|
|
59
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as b, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import "../../hooks/useFadeIn.js";
|
|
4
|
+
import _ from "../Button/Button.js";
|
|
5
|
+
import { Fragment as p } from "react";
|
|
6
|
+
import { useReveal as a } from "../../hooks/useReveal.js";
|
|
7
|
+
import { appleReveal as n } from "../../presets/animations.js";
|
|
8
|
+
import '../../assets/Banner.css';const f = "_banner_1cxb9_1", v = "_header_1cxb9_8", h = "_body_1cxb9_60", x = "_ctas_1cxb9_104", r = {
|
|
9
|
+
banner: f,
|
|
10
|
+
header: v,
|
|
11
|
+
body: h,
|
|
12
|
+
ctas: x
|
|
13
|
+
}, g = ({ header: s, body: o, ctas: t }) => {
|
|
14
|
+
const c = a(n), d = a({ ...n, delay: 0.2 }), l = a({ ...n, delay: 0.4 });
|
|
15
|
+
return /* @__PURE__ */ b("div", { className: r.banner, children: [
|
|
16
|
+
s && /* @__PURE__ */ e("div", { className: r.header, ref: c, children: s }),
|
|
17
|
+
o && /* @__PURE__ */ e("div", { className: r.body, ref: d, children: o }),
|
|
18
|
+
t && /* @__PURE__ */ e("div", { className: r.ctas, ref: l, children: t.map((m, i) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(_, { ...m }) }, `button-${i}`)) })
|
|
19
|
+
] });
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
g as default
|
|
23
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as u, jsx as k } from "react/jsx-runtime";
|
|
3
|
+
import { c as f } from "../../index-B2JRaoNz.js";
|
|
4
|
+
import '../../assets/Button.css';const x = "_button_1xkig_1", b = "_hollow_1xkig_110", g = "_filled_1xkig_113", h = "_link_1xkig_149", l = {
|
|
5
|
+
button: x,
|
|
6
|
+
hollow: b,
|
|
7
|
+
filled: g,
|
|
8
|
+
link: h
|
|
9
|
+
}, N = ({
|
|
10
|
+
children: i,
|
|
11
|
+
fn: o,
|
|
12
|
+
href: t,
|
|
13
|
+
target: c,
|
|
14
|
+
hollow: r = !1,
|
|
15
|
+
variation: s = "color-primary-dark",
|
|
16
|
+
textDecoration: _,
|
|
17
|
+
label: d,
|
|
18
|
+
value: n,
|
|
19
|
+
icon: a,
|
|
20
|
+
onClick: e,
|
|
21
|
+
className: m
|
|
22
|
+
}) => /* @__PURE__ */ u(
|
|
23
|
+
t || n ? "a" : "button",
|
|
24
|
+
{
|
|
25
|
+
href: t || n,
|
|
26
|
+
onClick: o || e ? o || e : null,
|
|
27
|
+
target: c,
|
|
28
|
+
className: f(
|
|
29
|
+
l.button,
|
|
30
|
+
r ? l.hollow : l.filled,
|
|
31
|
+
l[s],
|
|
32
|
+
m
|
|
33
|
+
),
|
|
34
|
+
style: { textDecoration: _ },
|
|
35
|
+
"data-color": s,
|
|
36
|
+
children: [
|
|
37
|
+
i || d,
|
|
38
|
+
a && /* @__PURE__ */ k("span", { className: "material-symbols-outlined", children: a })
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
export {
|
|
43
|
+
N as default
|
|
44
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
3
|
+
import { createElement as e } from "react";
|
|
4
|
+
import m from "../Button/Button.js";
|
|
5
|
+
import { c as n } from "../../index-B2JRaoNz.js";
|
|
6
|
+
import '../../assets/ButtonGroup.css';const p = "_buttonGroup_8k163_1", a = {
|
|
7
|
+
buttonGroup: p
|
|
8
|
+
}, G = ({ ctas: t, className: o }) => /* @__PURE__ */ u("div", { className: n(a.buttonGroup, o), children: t.map((r, s) => /* @__PURE__ */ e(m, { ...r, key: `cta-${s}` })) });
|
|
9
|
+
export {
|
|
10
|
+
G as default
|
|
11
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as n, jsxs as f } from "react/jsx-runtime";
|
|
3
|
+
import { useState as d, useEffect as m } from "react";
|
|
4
|
+
import { useStagger as p } from "../../hooks/useStagger.js";
|
|
5
|
+
import { appleStagger as o } from "../../presets/animations.js";
|
|
6
|
+
import '../../assets/Countdown.css';const h = "_countdown_45yvm_1", g = "_block_45yvm_12", r = {
|
|
7
|
+
countdown: h,
|
|
8
|
+
block: g
|
|
9
|
+
}, _ = ({ targetDate: s }) => {
|
|
10
|
+
const c = () => {
|
|
11
|
+
const t = new Date(s) - /* @__PURE__ */ new Date();
|
|
12
|
+
return t <= 0 ? 0 : {
|
|
13
|
+
days: Math.floor(t / 864e5),
|
|
14
|
+
hours: Math.floor(t / 36e5 % 24),
|
|
15
|
+
minutes: Math.floor(t / 1e3 / 60 % 60),
|
|
16
|
+
seconds: Math.floor(t / 1e3 % 60)
|
|
17
|
+
};
|
|
18
|
+
}, [e, l] = d(void 0), a = ["days", "hours", "minutes", "seconds"], i = p(
|
|
19
|
+
`.${r.block}`,
|
|
20
|
+
o.from,
|
|
21
|
+
{
|
|
22
|
+
...o.to,
|
|
23
|
+
stagger: o.stagger,
|
|
24
|
+
scrollTrigger: { start: o.start }
|
|
25
|
+
},
|
|
26
|
+
typeof e == "object"
|
|
27
|
+
);
|
|
28
|
+
return m(() => {
|
|
29
|
+
l(c());
|
|
30
|
+
const t = setInterval(() => {
|
|
31
|
+
l(c());
|
|
32
|
+
}, 1e3);
|
|
33
|
+
return () => clearInterval(t);
|
|
34
|
+
}, [s]), e === void 0 || e === 0 ? null : /* @__PURE__ */ n("div", { className: r.countdown, ref: i, children: e && a.map((t, u) => /* @__PURE__ */ f("div", { className: r.block, children: [
|
|
35
|
+
/* @__PURE__ */ n("span", { children: e[t] }),
|
|
36
|
+
/* @__PURE__ */ n("span", { children: t })
|
|
37
|
+
] }, `countdown-${u}`)) });
|
|
38
|
+
};
|
|
39
|
+
export {
|
|
40
|
+
_ as default
|
|
41
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import F from "../Button/Button.js";
|
|
4
|
+
import { c as f } from "../../index-B2JRaoNz.js";
|
|
5
|
+
import { Fragment as d } from "react";
|
|
6
|
+
import j from "../IconDetail/IconDetail.js";
|
|
7
|
+
import I from "../../utils/parse.js";
|
|
8
|
+
import { useReveal as s } from "../../hooks/useReveal.js";
|
|
9
|
+
import { appleReveal as r } from "../../presets/animations.js";
|
|
10
|
+
import { useImageReveal as b } from "../../hooks/useImageReveal.js";
|
|
11
|
+
import '../../assets/Fifty.css';const B = "_content_1x7u4_2", D = "_fifty_1x7u4_49", P = "_contentFirst_1x7u4_86", k = "_reverse_1x7u4_90", q = "_image_1x7u4_93", w = "_text_1x7u4_161", z = "_ctas_1x7u4_219", A = "_details_1x7u4_237", t = {
|
|
12
|
+
content: B,
|
|
13
|
+
fifty: D,
|
|
14
|
+
contentFirst: P,
|
|
15
|
+
reverse: k,
|
|
16
|
+
image: q,
|
|
17
|
+
text: w,
|
|
18
|
+
ctas: z,
|
|
19
|
+
details: A
|
|
20
|
+
}, Q = ({
|
|
21
|
+
heading: i,
|
|
22
|
+
body: n,
|
|
23
|
+
ctas: a,
|
|
24
|
+
color: _,
|
|
25
|
+
image: v,
|
|
26
|
+
reverse: p,
|
|
27
|
+
pos: u,
|
|
28
|
+
details: l,
|
|
29
|
+
contentFirst: x = !0
|
|
30
|
+
}) => {
|
|
31
|
+
const R = b({ duration: 1.4 }), h = s(r), y = s({ ...r, delay: 0.2 }), g = s({ ...r, delay: 0.4 }), N = s({ ...r, delay: 0.4 });
|
|
32
|
+
return /* @__PURE__ */ m(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
className: f(
|
|
36
|
+
t.fifty,
|
|
37
|
+
!!p && t.reverse,
|
|
38
|
+
x && t.contentFirst
|
|
39
|
+
),
|
|
40
|
+
"data-color": _,
|
|
41
|
+
children: [
|
|
42
|
+
/* @__PURE__ */ e("div", { className: f(t.content), children: /* @__PURE__ */ m("div", { className: t.text, children: [
|
|
43
|
+
i && /* @__PURE__ */ e("h2", { ref: h, children: i }),
|
|
44
|
+
n && /* @__PURE__ */ e("div", { ref: y, children: I(n) }),
|
|
45
|
+
a && !!a.length && /* @__PURE__ */ e("div", { className: t.ctas, ref: g, children: a.map((o, c) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(F, { ...o }) }, c)) }),
|
|
46
|
+
/* @__PURE__ */ e("div", { className: t.details, ref: N, children: l && l.map((o, c) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(j, { ...o }) }, c)) })
|
|
47
|
+
] }) }),
|
|
48
|
+
/* @__PURE__ */ e("div", { className: t.image, ref: R, children: /* @__PURE__ */ e("img", { src: v, style: { objectPosition: u } }) })
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
};
|
|
53
|
+
export {
|
|
54
|
+
Q as default
|
|
55
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import o from "./Fifty.js";
|
|
3
|
+
const s = {
|
|
4
|
+
title: "Components/Fifty",
|
|
5
|
+
component: o,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: "centered"
|
|
8
|
+
},
|
|
9
|
+
tags: ["autodocs"]
|
|
10
|
+
}, r = {
|
|
11
|
+
args: {
|
|
12
|
+
heading: "Museum Events",
|
|
13
|
+
body: "The museum is funded through donations, sponsorships, and grants. Find out ways you can help the museum from day-to-day operations to long term success",
|
|
14
|
+
color: "color-primary-dark",
|
|
15
|
+
cta: { children: "Click Here", color: "color-primary-dark" },
|
|
16
|
+
image: "https://placehold.co/600x600/png"
|
|
17
|
+
}
|
|
18
|
+
}, t = {
|
|
19
|
+
args: {
|
|
20
|
+
heading: "Museum Events",
|
|
21
|
+
body: "The museum is funded through donations, sponsorships, and grants. Find out ways you can help the museum from day-to-day operations to long term success",
|
|
22
|
+
reverse: !0,
|
|
23
|
+
color: "color-secondary",
|
|
24
|
+
cta: { children: "Click Here", color: "color-primary-dark" },
|
|
25
|
+
image: "https://placehold.co/600x600/png"
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
r as Default,
|
|
30
|
+
t as Reverse,
|
|
31
|
+
s as default
|
|
32
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import a from "../../utils/parse.js";
|
|
4
|
+
import "../../index-B2JRaoNz.js";
|
|
5
|
+
import b from "../ButtonGroup/ButtonGroup.js";
|
|
6
|
+
import w from "../../hooks/useResize.js";
|
|
7
|
+
import { useRef as u, useEffect as j } from "react";
|
|
8
|
+
import { g as o } from "../../index-BmTo-IS6.js";
|
|
9
|
+
import { S as v } from "../../ScrollTrigger-6HnikosL.js";
|
|
10
|
+
import '../../assets/FloatingWordsHero.css';const N = "_hero_b3fj4_1", k = "_buttonGroup_b3fj4_28", x = "_heroBg_b3fj4_32", B = "_content_b3fj4_40", C = "_title_b3fj4_48", R = "_subtitle_b3fj4_62", G = "_arrow_b3fj4_80", S = "_arrowCircle_b3fj4_91", r = {
|
|
11
|
+
hero: N,
|
|
12
|
+
buttonGroup: k,
|
|
13
|
+
heroBg: x,
|
|
14
|
+
content: B,
|
|
15
|
+
title: C,
|
|
16
|
+
subtitle: R,
|
|
17
|
+
arrow: G,
|
|
18
|
+
arrowCircle: S
|
|
19
|
+
};
|
|
20
|
+
o.registerPlugin(v);
|
|
21
|
+
const $ = ({ image: d, pos: m, eyebrow: n, title: h, subtitle: s, cta: y, contentPos: W, ctas: c, scrollToId: f }) => {
|
|
22
|
+
const { innerWidth: I, innerHeight: P } = w(), t = u(null), i = u(null), p = () => {
|
|
23
|
+
document.getElementById(f).scrollIntoView({ behavior: "smooth" });
|
|
24
|
+
};
|
|
25
|
+
return j(() => {
|
|
26
|
+
if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
|
|
27
|
+
const _ = o.context(() => {
|
|
28
|
+
o.to(i.current, {
|
|
29
|
+
y: "15%",
|
|
30
|
+
ease: "none",
|
|
31
|
+
scrollTrigger: {
|
|
32
|
+
trigger: t.current,
|
|
33
|
+
start: "top top",
|
|
34
|
+
end: "bottom top",
|
|
35
|
+
scrub: !0
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
}, t);
|
|
39
|
+
return () => _.revert();
|
|
40
|
+
}, []), /* @__PURE__ */ l("div", { ref: t, className: r.hero, children: [
|
|
41
|
+
/* @__PURE__ */ e(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
ref: i,
|
|
45
|
+
className: r.heroBg,
|
|
46
|
+
style: { backgroundImage: `url(${d})`, backgroundPosition: m }
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
/* @__PURE__ */ l("div", { className: r.content, children: [
|
|
50
|
+
n && /* @__PURE__ */ e("p", { className: r.eyebrow, children: n }),
|
|
51
|
+
/* @__PURE__ */ e("h1", { className: r.title, children: a(h) }),
|
|
52
|
+
s && /* @__PURE__ */ e("div", { className: r.subtitle, children: a(s) }),
|
|
53
|
+
c && /* @__PURE__ */ e(b, { ctas: c, className: r.buttonGroup })
|
|
54
|
+
] }),
|
|
55
|
+
/* @__PURE__ */ e("div", { className: r.arrow, onClick: p, children: /* @__PURE__ */ e("div", { className: r.arrowCircle, children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" }) }) }) })
|
|
56
|
+
] });
|
|
57
|
+
};
|
|
58
|
+
export {
|
|
59
|
+
$ as default
|
|
60
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as i, jsx as l } from "react/jsx-runtime";
|
|
3
|
+
import o from "../../utils/parse.js";
|
|
4
|
+
import { c } from "../../index-B2JRaoNz.js";
|
|
5
|
+
import '../../assets/IconDetail.css';const r = "_detail_1tukt_1", n = "_label_1tukt_57", a = {
|
|
6
|
+
detail: r,
|
|
7
|
+
label: n
|
|
8
|
+
}, b = ({ icon: s, text: e, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
|
|
9
|
+
/* @__PURE__ */ l("span", { className: c(a.icon, "material-symbols-outlined"), children: s }),
|
|
10
|
+
/* @__PURE__ */ l("div", { className: a.label, children: o(e) })
|
|
11
|
+
] });
|
|
12
|
+
export {
|
|
13
|
+
b as default
|
|
14
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as e, jsxs as a, Fragment as f } from "react/jsx-runtime";
|
|
3
|
+
import i from "../Button/Button.js";
|
|
4
|
+
import { c as h } from "../../index-B2JRaoNz.js";
|
|
5
|
+
import "../../hooks/useFadeIn.js";
|
|
6
|
+
import p from "../../utils/parse.js";
|
|
7
|
+
import { Children as g } from "react";
|
|
8
|
+
import { appleReveal as b } from "../../presets/animations.js";
|
|
9
|
+
import { useReveal as N } from "../../hooks/useReveal.js";
|
|
10
|
+
import { useImageReveal as u } from "../../hooks/useImageReveal.js";
|
|
11
|
+
import '../../assets/ImageTextBlock.css';const k = "_container_v69a4_1", R = "_reverse_v69a4_7", x = "_content_v69a4_11", y = "_header_v69a4_16", j = "_body_v69a4_69", I = "_ctas_v69a4_121", B = "_image_v69a4_125", F = "_block_v69a4_186", o = {
|
|
12
|
+
container: k,
|
|
13
|
+
reverse: R,
|
|
14
|
+
content: x,
|
|
15
|
+
header: y,
|
|
16
|
+
body: j,
|
|
17
|
+
ctas: I,
|
|
18
|
+
image: B,
|
|
19
|
+
block: F
|
|
20
|
+
}, G = ({ image: m, header: s, body: t, primaryCta: c, secondaryCta: r, reverse: l, children: n, imagePos: _ }) => {
|
|
21
|
+
const v = u(), d = N({ ...b, delay: 0.2 });
|
|
22
|
+
return /* @__PURE__ */ e("div", { className: h(o.block, l && o.reverse), children: /* @__PURE__ */ a("div", { className: o.container, children: [
|
|
23
|
+
/* @__PURE__ */ e("div", { className: o.image, ref: v, children: /* @__PURE__ */ e("img", { src: m, style: { objectPosition: _ } }) }),
|
|
24
|
+
/* @__PURE__ */ a("div", { className: o.content, ref: d, children: [
|
|
25
|
+
s && /* @__PURE__ */ e("h2", { className: o.header, children: s }),
|
|
26
|
+
t && /* @__PURE__ */ e("div", { className: o.body, children: p(t) }),
|
|
27
|
+
g.count(n) > 0 ? n : /* @__PURE__ */ e(f, { children: /* @__PURE__ */ a("div", { className: o.ctas, children: [
|
|
28
|
+
c && /* @__PURE__ */ e(i, { ...c }),
|
|
29
|
+
r && /* @__PURE__ */ e(i, { ...r })
|
|
30
|
+
] }) })
|
|
31
|
+
] })
|
|
32
|
+
] }) });
|
|
33
|
+
};
|
|
34
|
+
export {
|
|
35
|
+
G as default
|
|
36
|
+
};
|