/* =====================================================================
   Releaf (releaf.bio / Avantium) — owned stylesheet
   ---------------------------------------------------------------------
   Hand-cleaned static rebuild of the homepage. No Next.js, no tracking,
   no CSS-module hashes. Class names are semantic, owned, BEM-ish kebab
   (block__element, block--modifier).

   All design values are preserved 1:1 from the original export: colours
   (#fffefc page, #24341d ink, #fff7ee cream, #ffbe0d yellow, ...), the
   local Aeonik @font-face faces, fluid rem font-sizes, clip-paths, the
   768px breakpoint and all spacing. Nothing here is invented.

   Fonts: Aeonik-Regular (400) + Aeonik-Medium (500), local woff2.
   ===================================================================== */

.marquee__container { width:100%;overflow:hidden }
.marquee__content { display:flex;will-change:transform }
.marquee__children { display:flex;flex:0 0 auto }
.icon__container { display:inline-block }
.tagline__container { display:inline-flex;align-items:center;white-space:normal }
.tagline__content { margin-left:.5rem;font-family:Aeonik-Medium,sans-serif;font-size:.8571428571rem;letter-spacing:-.01em;line-height:100%;vertical-align:middle }
.tagline--yellow .tagline__content { color:#ffbe0d }
.tagline--red .tagline__content { color:#f66e46 }
.tagline--green .tagline__content { color:#5c7d4f }
.tagline--dark-green .tagline__content { color:#24341d }
.tagline--blue .tagline__content { color:#709bca }
.tagline--white .tagline__content { color:#fffefc }
.tagline__icon { display:inline-block;flex:0 0 auto;width:.8571428571rem;height:.7857142857rem;vertical-align:middle }
.tagline__icon svg { width:100%;height:100%;vertical-align:top }
@media(min-width:768px) {
  .tagline__content { margin-left:.5714285714rem;font-size:1rem }
}
.transition__overlay { display:none;position:fixed;top:0;left:0;z-index:4;width:100%;height:100%;overflow:hidden;pointer-events:none }
.transition__background { position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fffefc }
.transition__flower { position:absolute;top:0;left:0;width:160%;height:160%;opacity:0;background-image:url(images/flower-kelp-40-full.svg);background-repeat:no-repeat;background-size:contain;transform:translateX(-20%) rotate(-20deg) }
.button-primary__button { position:relative;display:inline-flex;justify-content:center;align-items:center;padding-right:0;padding-left:0;border:none;background:transparent;cursor:pointer;text-align:left;white-space:nowrap;text-decoration:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none }
.button-primary__icon-hover-wrapper { display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;width:2.7142857143rem;height:2.7142857143rem;overflow:hidden;border-radius:1.0714285714rem;background-color:#ffbe0d;color:#24341d;transform-origin:0 50%;pointer-events:none;will-change:transform }
.button-primary__icon-hover-wrapper:last-of-type { margin-left:-2.7142857143rem;opacity:0;transform-origin:right }
.button-primary--color-white .button-primary__icon-hover-wrapper { background-color:#fff7ee;color:#24341d }
.button-primary--color-green .button-primary__icon-hover-wrapper { background-color:#24341d;color:#fff7ee }
.button-primary__icon-wrapper { position:absolute;display:inline-block;width:1.0714285714rem;vertical-align:middle;color:inherit }
.button-primary__icon-wrapper svg { display:block;width:100%;height:100% }
.button-primary__label { position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:5.0714285714rem;height:2.7142857143rem;padding:0 1rem;border-radius:1.0714285714rem;color:#24341d }
.button-primary--color-white .button-primary__label { color:#24341d }
.button-primary--color-green .button-primary__label { color:#fff7ee }
.button-primary__label-background { position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:1.0714285714rem;background-color:#ffbe0d;transform-origin:0 50% }
.button-primary--color-white .button-primary__label-background { background-color:#fff7ee }
.button-primary--color-green .button-primary__label-background { background-color:#24341d }
.button-primary__label-text { position:relative;font-family:Aeonik-Medium,sans-serif;font-size:1rem;letter-spacing:0;line-height:100% }
@media(min-width:768px) {
  .button-primary__icon-hover-wrapper { width:3.4285714286rem;height:3.4285714286rem;border-radius:1.4285714286rem }
  .button-primary__icon-hover-wrapper:last-of-type { margin-left:-3.4285714286rem }
  .button-primary__icon-wrapper { width:1.4285714286rem }
  .button-primary__label { min-width:5.0714285714rem;height:3.4285714286rem;padding:0 1.4285714286rem }
  .button-primary__label-background,
.button-primary__label { border-radius:1.4285714286rem }
}
.about__section { padding:5.7142857143rem 1.0714285714rem }
.about__content { width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*10 + 3.2142857143rem + 0rem);margin:0 calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + .3571428571rem) 3.2142857143rem;text-align:center }
.about__tag { margin-bottom:2.1428571429rem }
.about__heading { font-family:Aeonik-Medium,sans-serif;font-size:2.8571428571rem;letter-spacing:-.01em;line-height:110%;margin-bottom:3.2142857143rem }
.about__paragraph { font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140%;margin-bottom:2.1428571429rem }
.about__image-container { position:relative }
.about__badge { position:absolute;top:3.2857142857rem;right:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*4 + 1.0714285714rem + 0rem);width:5.7857142857rem;height:auto;transform:translateX(50%);animation:about__rotate-animation 20s linear infinite }
.about__image-source { top:-7%;left:0;height:114%;pointer-events:none }
@media(min-width:768px) {
  .about__section { padding:11.4285714286rem 3.9285714286rem }
  .about__content { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*10 + 12.8571428571rem + 0rem);margin:0 calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*4 + 4.2857142857rem + 1.4285714286rem) 5.3571428571rem }
  .about__heading { font-size:5rem;line-height:110%;margin-bottom:4.2857142857rem }
  .about__tag { margin-bottom:2.1428571429rem }
  .about__paragraph { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*6 + 7.1428571429rem + 0rem);margin:0 calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*2 + 1.4285714286rem + 1.4285714286rem) 3.2142857143rem }
  .about__badge { top:-1.2857142857rem;right:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*3 + 2.8571428571rem + 1.4285714286rem);width:13.1428571429rem;transform:translateX(0) }
}
@keyframes about__rotate-animation {
  0% { transform:rotate(0deg) }
  50% { transform:rotate(180deg) }
  to { transform:rotate(1turn) }
}
.tag__container { display:inline-flex;align-items:center;height:1.6428571429rem;padding:0 .5rem }
.tag__container.tag--color-white { background-color:#fff7ee }
.tag__container.tag__color-yellow { background-color:#ffbe0d }
.tag__container.tag--color-green { background-color:#5c7d4f }
.tag__container.tag__color-dark-green { background-color:#24341d }
.tag__container.tag--color-blue { background-color:#709bca }
.tag__container.tag--color-red { background-color:#f66e46 }
.tag__icon { display:inline-block;width:.8571428571rem;height:.7857142857rem;margin-right:.5rem }
.tag__icon svg { width:100%;height:100%;vertical-align:top }
.tag__content { font-family:Aeonik-Medium,sans-serif;font-size:.8571428571rem;letter-spacing:-.01em;line-height:100% }
.tag--color-white .tag__content { color:rgba(36,52,29,.8) }
.tag__color-yellow .tag__content { color:#24341d }
.tag--color-blue .tag__content,
.tag__color-dark-green .tag__content,
.tag--color-green .tag__content,
.tag--color-red .tag__content { color:#fff7ee }
@media(min-width:768px) {
  .tag__container { height:2.1428571429rem;padding:0 .8571428571rem }
  .tag__icon { margin-right:.6428571429rem }
  .tag__content { font-size:1rem }
}
.header__header { position:absolute;top:.7142857143rem;left:.7142857143rem;z-index:1;width:9.3571428571rem;height:5.4285714286rem;background-image:url(images/logo-background-small.svg);background-size:9.3571428571rem 5.4285714286rem;pointer-events:none }
.header__header:before { position:absolute;top:0;left:-1px;width:2px;height:69%;background-color:#fffefc;content:"" }
.header__header:after { position:absolute;top:-1px;left:0;width:89%;height:2px;background-color:#fffefc;content:"" }
.header__link { display:inline-block;pointer-events:all }
.header__logo { width:6.2142857143rem;height:auto;padding:.5714285714rem 0 0 .5714285714rem }
.header__navigation-container { position:fixed;right:0;bottom:4.2857142857rem;left:0;z-index:2;display:flex;justify-content:center;align-items:flex-end;margin:0 auto;pointer-events:none }
.header__navigation { position:relative;padding:.1428571429rem .1428571429rem .2857142857rem;background-color:#fff7ee;pointer-events:all }
.header__navigation-wrapper { will-change:width,height }
.header__navigation-list { padding:.4285714286rem 0 .5714285714rem;background-color:#24341d;list-style:none;text-align:center }
.header__navigation-item { height:2.1428571429rem }
.header__navigation-link { display:inline-block;padding:0 1.4285714286rem;font-family:Aeonik-Medium,sans-serif;font-size:1rem;letter-spacing:0;line-height:2.1428571429rem;white-space:nowrap;color:#737e6d }
.header__navigation-link.header--active { color:#fff7ee }
.header__navigation-button { display:flex;justify-content:center;align-items:center;width:100%;height:2.8571428571rem }
.header__navigation-button-hit-area { position:absolute;bottom:.1428571429rem;left:0;width:100%;height:100% }
.header__navigation-button-label { display:none }
.header__navigation-button-icon { position:relative;width:.7857142857rem;height:.6071428571rem }
.header__navigation-button-line { position:absolute;left:0;display:inline-block;width:.7857142857rem;height:.1071428571rem;background-color:#24341d }
.header__navigation-button-line:first-child { top:0 }
.header__navigation-button-line:nth-child(2) { top:.25rem }
.header__navigation-button-line:nth-child(3) { bottom:0 }
@media(min-width:768px) {
  .header__header { top:1.0714285714rem;left:1.0714285714rem;width:15.7142857143rem;height:8.2142857143rem;background-image:url(images/logo-background.svg);background-size:15.7142857143rem 8.2142857143rem }
  .header__logo { width:11.0714285714rem;padding:1.2857142857rem 0 0 1.9285714286rem }
  .header__navigation { display:flex;padding:.1428571429rem }
  .header__navigation-wrapper { order:1 }
  .header__navigation-list { padding:0 .5714285714rem;white-space:nowrap }
  .header__navigation-item { display:inline-block;height:3.5714285714rem }
  .header__navigation-link { padding:0 1rem;font-size:1.1428571429rem;line-height:3.5714285714rem }
  .header__navigation-link:hover { color:#fff7ee }
  .header__navigation-button { width:5.7142857143rem;height:3.5714285714rem;order:0 }
  .header__navigation-button-hit-area { bottom:0;left:0 }
  .header__navigation-button-label { display:inline-block;font-family:Aeonik-Medium,sans-serif;font-size:.9285714286rem;letter-spacing:0;line-height:3.5714285714rem;color:#495743 }
  .header__navigation-button-icon { display:none }
}
.richtext>p { margin-bottom:1rem;font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140% }
.richtext>p:empty,
.richtext>p:last-of-type { margin:0 }
.richtext a { text-decoration:underline }
.richtext>h1 { font-size:3.1428571429rem;line-height:100% }
.richtext>h1,
.richtext>h2 { font-family:Aeonik-Medium,sans-serif;letter-spacing:-.01em }
.richtext>h2 { font-size:2.8571428571rem;line-height:110% }
.richtext>h3 { font-size:2.2857142857rem }
.richtext>h3,
.richtext>h4 { font-family:Aeonik-Medium,sans-serif;letter-spacing:-.01em;line-height:115% }
.richtext>h4 { font-size:2rem }
.richtext>h5 { font-size:1.7142857143rem;line-height:115% }
.richtext>h5,
.richtext>h6 { font-family:Aeonik-Medium,sans-serif;letter-spacing:-.01em }
.richtext>h6 { font-size:1.5rem;line-height:130% }
.richtext>ol { margin-bottom:1.4em;padding-left:1.45em;list-style-type:decimal }
.richtext>ol li { padding-left:.1em }
.richtext>ul { margin-bottom:1.4em;padding-left:1.45em;list-style-type:disc }
.richtext>ul li { padding-left:.1em }
.react-toggle { position:relative;display:inline-block;padding:0;border:0;background-color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0) }
.react-toggle-screenreader-only { position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0 }
.react-toggle--disabled { opacity:.5;cursor:not-allowed;transition:opacity .25s }
.react-toggle-track { width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;transition:all .2s ease }
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track { background-color:#000 }
.react-toggle--checked .react-toggle-track { background-color:#19ab27 }
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { background-color:#128d15 }
.react-toggle-track-check { position:absolute;top:0;bottom:0;left:8px;width:14px;height:10px;margin-top:auto;margin-bottom:auto;opacity:0;line-height:0;transition:opacity .25s ease }
.react-toggle--checked .react-toggle-track-check,
.react-toggle-track-x { opacity:1;transition:opacity .25s ease }
.react-toggle-track-x { position:absolute;top:0;right:10px;bottom:0;width:10px;height:10px;margin-top:auto;margin-bottom:auto;line-height:0 }
.react-toggle--checked .react-toggle-track-x { opacity:0 }
.react-toggle-thumb { position:absolute;top:1px;left:1px;box-sizing:border-box;width:22px;height:22px;border:1px solid #4d4d4d;border-radius:50%;background-color:#fafafa;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease }
.react-toggle--checked .react-toggle-thumb { left:27px;border-color:#19ab27 }
.react-toggle--focus .react-toggle-thumb { box-shadow:0 0 2px 3px #0099e0 }
.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb { box-shadow:0 0 5px 5px #0099e0 }
:root { --scrollbar-size:6px }
.rhc-banner { position:fixed;bottom:2.1428571429rem;left:1.0714285714rem;z-index:10;width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*12 + 3.9285714286rem + 0rem);overflow:hidden;padding:1.4285714286rem 2.5rem 1.4285714286rem 1.4285714286rem;border-radius:.7142857143rem;background-color:#fffaf5;transition:all .3s ease }
.rhc-banner__content__message { font-family:Aeonik-Regular,sans-serif;font-size:.8571428571rem;letter-spacing:0;line-height:140%;margin-bottom:2.1428571429rem;transition:all .3s ease }
.rhc-banner__content__message a { text-decoration:underline }
.rhc-banner__content__primary,
.rhc-banner__content__secondary { position:relative;display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;min-width:5.0714285714rem;height:2.7142857143rem;padding:0 1rem;border-radius:1.0714285714rem;background-color:#ffbe0d;cursor:pointer;font-family:Aeonik-Medium,sans-serif;font-size:1rem;letter-spacing:0;line-height:100%;text-align:center;white-space:nowrap;text-decoration:none;color:#24341d;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none }
.rhc-banner__content__secondary { margin-right:1.0714285714rem;background-color:#fff7ee }
@media(min-width:768px) {
  .rhc-banner { right:2.1428571429rem;bottom:2.1428571429rem;left:2.1428571429rem;width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*8 + 10rem + 0rem);margin:0 auto;padding:2.1428571429rem 1.4285714286rem }
  .rhc-banner__content { display:flex;align-items:center }
  .rhc-banner__content__message { margin-right:2.1428571429rem;margin-bottom:0 }
  .rhc-banner__content__primary,
.rhc-banner__content__secondary { min-width:5.0714285714rem;height:3.4285714286rem;padding:0 1.4285714286rem;border-radius:1.4285714286rem }
}
.richtext>p { margin-bottom:1rem;font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140% }
.richtext>p:empty,
.richtext>p:last-of-type { margin:0 }
.richtext a { text-decoration:underline }
.richtext>h1 { font-size:3.1428571429rem;line-height:100% }
.richtext>h1,
.richtext>h2 { font-family:Aeonik-Medium,sans-serif;letter-spacing:-.01em }
.richtext>h2 { font-size:2.8571428571rem;line-height:110% }
.richtext>h3 { font-size:2.2857142857rem }
.richtext>h3,
.richtext>h4 { font-family:Aeonik-Medium,sans-serif;letter-spacing:-.01em;line-height:115% }
.richtext>h4 { font-size:2rem }
.richtext>h5 { font-size:1.7142857143rem;line-height:115% }
.richtext>h5,
.richtext>h6 { font-family:Aeonik-Medium,sans-serif;letter-spacing:-.01em }
.richtext>h6 { font-size:1.5rem;line-height:130% }
.richtext>ol { margin-bottom:1.4em;padding-left:1.45em;list-style-type:decimal }
.richtext>ol li { padding-left:.1em }
.richtext>ul { margin-bottom:1.4em;padding-left:1.45em;list-style-type:disc }
.richtext>ul li { padding-left:.1em }
@font-face { font-family:Aeonik-Medium;font-weight:500;font-style:normal;font-display:swap;src:url(fonts/Aeonik-Medium.woff2) format("woff2") }
@font-face { font-family:Aeonik-Regular;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/Aeonik-Regular.woff2) format("woff2") }
:where(:not(html,
iframe,
canvas,
img,
svg,
video,
audio):not(svg *,
symbol *)) { all:unset;display:revert }
html { text-size-adjust:none }
a,
button { cursor:revert }
menu,
ol,
summary,
ul { list-style:none }
img { max-inline-size:100%;max-block-size:100% }
table { border-collapse:collapse }
input,
textarea { -webkit-user-select:auto }
textarea { white-space:revert }
meter { -webkit-appearance:revert;-moz-appearance:revert;appearance:revert }
:where(pre) { all:revert;box-sizing:border-box }
::placeholder { color:unset }
:where([hidden]) { display:none }
:where([contenteditable]:not([contenteditable=false])) { -webkit-user-select:auto;-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space }
:where([draggable=true]) { -webkit-user-drag:element }
:where(dialog:modal) { all:revert;box-sizing:border-box }
::-webkit-details-marker { display:none }
*,
:after,
:before { box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0) }
html { font-weight:400;font-smooth:always;font-variation-settings:"wght" normal;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:calc(14px + (30 - 14)*(100vw - 375px)/(767 - 375));font-variant-numeric:slashed-zero;scrollbar-gutter:stable;font-feature-settings:"ss02","zero" }
html.lenis { height:auto }
.lenis.lenis-smooth { scroll-behavior:auto }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior:contain }
.lenis.lenis-scrolling iframe { pointer-events:none }
.main { width:100vw }
body { font-weight:400;font-smooth:always;font-variation-settings:"wght" normal;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffefc;font-family:Aeonik-Regular,sans-serif;white-space:pre-line;color:#24341d;overscroll-behavior-y:none;overflow-x:hidden }
@media(min-width:768px) {
  html { font-size:calc(9px + (14 - 9)*(100vw - 768px)/(1440 - 768)) }
}
@media(min-width:1440px) {
  html { font-size:calc(14px + (25 - 14)*(100vw - 1440px)/(2560 - 1440)) }
}
.collaborations__section { padding:5.7142857143rem 0 }
.collaborations__container { position:relative;padding:7.8571428571rem 1.0714285714rem 0 }
.collaborations__image-container { position:absolute;top:0;left:0;width:100%;height:15rem;overflow:hidden;padding-top:2.8571428571rem;border-radius:1rem;background-color:rgba(112,155,202,.2) }
.collaborations__flower { position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(images/flower-lighthouse-20.svg);background-repeat:no-repeat;background-position:57% 22%;background-size:250% auto }
.collaborations__collaboration-list { margin:0 auto }
.collaborations__collaboration-item { position:relative;width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*4 + 1.0714285714rem + 0rem);aspect-ratio:115/174 }
.collaborations__collaboration-item:first-of-type { padding-top:1.5714285714rem;aspect-ratio:115/196 }
.collaborations__collaboration-item:nth-of-type(3) { padding-top:3rem;aspect-ratio:115/216 }
.collaborations__image { position:relative }
.collaborations__collaboration-heading { position:absolute;top:1.4285714286rem;left:1.4285714286rem;visibility:hidden;opacity:0 }
.collaborations__card { -webkit-clip-path:polygon(.267578px 52.7411px,.267578px 52.7411px,.271594752px 48.9652897px,.299712016px 45.5605656px,.376030304px 42.5010179px,.524650128px 39.7607368px,.769672px 37.3138125px,1.135196432px 35.1343352px,1.645323936px 33.1963951px,2.324155024px 31.4740824px,3.195790208px 29.9414873px,4.28433px 28.5727px,4.28433px 28.5727px,5.57084891px 27.3880674px,7.03642288px 26.4079352px,8.70515277px 25.6063918px,10.60113944px 24.9575256px,12.74848375px 24.435425px,15.17128656px 24.0141784px,17.89364873px 23.6678742px,20.93967112px 23.3706008px,24.33345459px 23.0964466px,28.0991px 22.8195px,calc(100% - 32.901px) 1.73034px,calc(100% - 32.901px) 1.73034px,calc(100% - 28.602107px) 1.4235888807px,calc(100% - 24.726496px) 1.1762943936px,calc(100% - 21.245469px) 1.0151551449px,calc(100% - 18.130328px) .9668697408px,calc(100% - 15.352375px) 1.0581367875px,calc(100% - 12.882912px) 1.3156548912px,calc(100% - 10.693241px) 1.7661226581px,calc(100% - 8.754664px) 2.4362386944px,calc(100% - 7.038483px) 3.3527016063px,calc(100% - 5.516px) 4.54221px,calc(100% - 5.516px) 4.54221px,calc(100% - 4.219536px) 5.97469723px,calc(100% - 3.181408px) 7.62009584px,calc(100% - 2.372912px) 9.50510421px,calc(100% - 1.765344px) 11.65642072px,calc(100% - 1.33px) 14.10074375px,calc(100% - 1.038176px) 16.86477168px,calc(100% - .861168px) 19.97520289px,calc(100% - .770272px) 23.45873576px,calc(100% - .736784px) 27.34206867px,calc(100% - .732px) 31.6519px,calc(100% - .732px) calc(100% - 30.982px),calc(100% - .732px) calc(100% - 30.982px),calc(100% - .736394px) calc(100% - 26.947136px),calc(100% - .767152px) calc(100% - 23.310168px),calc(100% - .850638px) calc(100% - 20.044732px),calc(100% - 1.013216px) calc(100% - 17.124464px),calc(100% - 1.28125px) calc(100% - 14.523px),calc(100% - 1.681104px) calc(100% - 12.213976px),calc(100% - 2.239142px) calc(100% - 10.171028px),calc(100% - 2.981728px) calc(100% - 8.367792px),calc(100% - 3.935226px) calc(100% - 6.777904px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 6.528633px) calc(100% - 4.184497px),calc(100% - 8.118304px) calc(100% - 3.231216px),calc(100% - 9.921371px) calc(100% - 2.488799px),calc(100% - 11.964192px) calc(100% - 1.930888px),calc(100% - 14.273125px) calc(100% - 1.531125px),calc(100% - 16.874528px) calc(100% - 1.263152px),calc(100% - 19.794759px) calc(100% - 1.100611px),calc(100% - 23.060176px) calc(100% - 1.017144px),calc(100% - 26.697137px) calc(100% - .986393px),calc(100% - 30.732px) calc(100% - .982px),30.2676px calc(100% - .982px),30.2676px calc(100% - .982px),26.23268157px calc(100% - .986393px),22.59567216px calc(100% - 1.017144px),19.33021059px calc(100% - 1.100611px),16.40993568px calc(100% - 1.263152px),13.80848625px calc(100% - 1.531125px),11.49950112px calc(100% - 1.930888px),9.45661911px calc(100% - 2.488799px),7.65347904px calc(100% - 3.231216px),6.06371973px calc(100% - 4.184497px),4.66098px calc(100% - 5.375px),4.66098px calc(100% - 5.375px),3.470368058px calc(100% - 6.777904px),2.516999824px calc(100% - 8.367792px),1.774514886px calc(100% - 10.171028px),1.216552832px calc(100% - 12.213976px),.81675325px calc(100% - 14.523px),.548755728px calc(100% - 17.124464px),.386199854px calc(100% - 20.044732px),.302725216px calc(100% - 23.310168px),.271971402px calc(100% - 26.947136px),.267578px calc(100% - 30.982px),.267578px 52.7411px);clip-path:polygon(.267578px 52.7411px,.267578px 52.7411px,.271594752px 48.9652897px,.299712016px 45.5605656px,.376030304px 42.5010179px,.524650128px 39.7607368px,.769672px 37.3138125px,1.135196432px 35.1343352px,1.645323936px 33.1963951px,2.324155024px 31.4740824px,3.195790208px 29.9414873px,4.28433px 28.5727px,4.28433px 28.5727px,5.57084891px 27.3880674px,7.03642288px 26.4079352px,8.70515277px 25.6063918px,10.60113944px 24.9575256px,12.74848375px 24.435425px,15.17128656px 24.0141784px,17.89364873px 23.6678742px,20.93967112px 23.3706008px,24.33345459px 23.0964466px,28.0991px 22.8195px,calc(100% - 32.901px) 1.73034px,calc(100% - 32.901px) 1.73034px,calc(100% - 28.602107px) 1.4235888807px,calc(100% - 24.726496px) 1.1762943936px,calc(100% - 21.245469px) 1.0151551449px,calc(100% - 18.130328px) .9668697408px,calc(100% - 15.352375px) 1.0581367875px,calc(100% - 12.882912px) 1.3156548912px,calc(100% - 10.693241px) 1.7661226581px,calc(100% - 8.754664px) 2.4362386944px,calc(100% - 7.038483px) 3.3527016063px,calc(100% - 5.516px) 4.54221px,calc(100% - 5.516px) 4.54221px,calc(100% - 4.219536px) 5.97469723px,calc(100% - 3.181408px) 7.62009584px,calc(100% - 2.372912px) 9.50510421px,calc(100% - 1.765344px) 11.65642072px,calc(100% - 1.33px) 14.10074375px,calc(100% - 1.038176px) 16.86477168px,calc(100% - .861168px) 19.97520289px,calc(100% - .770272px) 23.45873576px,calc(100% - .736784px) 27.34206867px,calc(100% - .732px) 31.6519px,calc(100% - .732px) calc(100% - 30.982px),calc(100% - .732px) calc(100% - 30.982px),calc(100% - .736394px) calc(100% - 26.947136px),calc(100% - .767152px) calc(100% - 23.310168px),calc(100% - .850638px) calc(100% - 20.044732px),calc(100% - 1.013216px) calc(100% - 17.124464px),calc(100% - 1.28125px) calc(100% - 14.523px),calc(100% - 1.681104px) calc(100% - 12.213976px),calc(100% - 2.239142px) calc(100% - 10.171028px),calc(100% - 2.981728px) calc(100% - 8.367792px),calc(100% - 3.935226px) calc(100% - 6.777904px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 6.528633px) calc(100% - 4.184497px),calc(100% - 8.118304px) calc(100% - 3.231216px),calc(100% - 9.921371px) calc(100% - 2.488799px),calc(100% - 11.964192px) calc(100% - 1.930888px),calc(100% - 14.273125px) calc(100% - 1.531125px),calc(100% - 16.874528px) calc(100% - 1.263152px),calc(100% - 19.794759px) calc(100% - 1.100611px),calc(100% - 23.060176px) calc(100% - 1.017144px),calc(100% - 26.697137px) calc(100% - .986393px),calc(100% - 30.732px) calc(100% - .982px),30.2676px calc(100% - .982px),30.2676px calc(100% - .982px),26.23268157px calc(100% - .986393px),22.59567216px calc(100% - 1.017144px),19.33021059px calc(100% - 1.100611px),16.40993568px calc(100% - 1.263152px),13.80848625px calc(100% - 1.531125px),11.49950112px calc(100% - 1.930888px),9.45661911px calc(100% - 2.488799px),7.65347904px calc(100% - 3.231216px),6.06371973px calc(100% - 4.184497px),4.66098px calc(100% - 5.375px),4.66098px calc(100% - 5.375px),3.470368058px calc(100% - 6.777904px),2.516999824px calc(100% - 8.367792px),1.774514886px calc(100% - 10.171028px),1.216552832px calc(100% - 12.213976px),.81675325px calc(100% - 14.523px),.548755728px calc(100% - 17.124464px),.386199854px calc(100% - 20.044732px),.302725216px calc(100% - 23.310168px),.271971402px calc(100% - 26.947136px),.267578px calc(100% - 30.982px),.267578px 52.7411px);position:relative;width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*10 + 3.2142857143rem + .7142857143rem);margin:0 calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + 0rem);padding:2.8571428571rem .3571428571rem 0;background-color:#fffefc;text-align:center }
.collaborations__tag { margin-bottom:2.1428571429rem }
.collaborations__heading { font-family:Aeonik-Medium,sans-serif;font-size:2rem;letter-spacing:-.01em;line-height:115%;margin-bottom:3.2142857143rem }
@media(min-width:768px) {
  .collaborations__section { padding:5.7142857143rem 0 }
  .collaborations__container { padding:26.8571428571rem 3.9285714286rem 0 }
  .collaborations__image-container { right:1.4285714286rem;left:1.4285714286rem;width:auto;height:50.7142857143rem;padding-top:8.5714285714rem;border-radius:1.4285714286rem }
  .collaborations__flower { background-position:47% 0;background-size:260% auto }
  .collaborations__collaboration-item { position:relative;width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*4 + 4.2857142857rem + 0rem);aspect-ratio:280/380 }
  .collaborations__collaboration-item:first-of-type { padding-top:8.5714285714rem;aspect-ratio:280/500 }
  .collaborations__collaboration-item:nth-of-type(2) { aspect-ratio:280/570 }
  .collaborations__collaboration-item:nth-of-type(3) { padding-top:4.2857142857rem;aspect-ratio:280/570 }
  .collaborations__collaboration-item:nth-of-type(4) { padding-top:12.8571428571rem;aspect-ratio:280/560 }
  .collaborations__collaboration-item:nth-child(-n+4) .collaborations__collaboration-heading { visibility:visible;opacity:1 }
  .collaborations__card { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*10 + 12.8571428571rem + 2.8571428571rem);margin:0 calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*4 + 4.2857142857rem + 0rem);padding:5rem 1.4285714286rem 0;border-radius:1.4285714286rem }
  .collaborations__heading { font-size:3.5rem;line-height:115%;width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*8 + 10rem + 0rem);margin:0 calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*1 + 0rem + 1.4285714286rem) 4.2857142857rem }
}
@keyframes form__show-error {
  0% { opacity:0;transform:translateY(30%) }
  70% { opacity:1 }
  to { transform:translateY(0) }
}
@keyframes form__rotate {
  0% { rotate:0deg }
  to { rotate:1turn }
}
.button-icon__button { position:relative;display:inline-flex;justify-content:center;align-items:center;padding-right:0;padding-left:0;border:none;background:transparent;cursor:pointer;text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none }
.button-icon__icon-hover-wrapper { display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;width:2.5714285714rem;height:2.5714285714rem;overflow:hidden;border-radius:1.0714285714rem;background-color:#ffbe0d;color:#fff7ee;transform-origin:0 50%;pointer-events:none }
.button-icon__icon-hover-wrapper:last-of-type { margin-left:-2.5714285714rem;opacity:0;transform-origin:right }
.button-icon--color-white .button-icon__icon-hover-wrapper { background-color:#fff7ee }
.button-icon--color-green .button-icon__icon-hover-wrapper { background-color:#5c7d4f }
.button-icon--color-red .button-icon__icon-hover-wrapper { background-color:#f66e46 }
.button-icon__color-dark-green .button-icon__icon-hover-wrapper { background-color:#24341d }
.button-icon--color-blue .button-icon__icon-hover-wrapper { background-color:#709bca }
.button-icon__icon-wrapper { position:absolute;display:inline-block;width:1.4285714286rem;vertical-align:middle;color:inherit }
.button-icon__icon-wrapper svg { display:block;width:100%;height:100% }
.button-icon__label { position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:5rem;height:2.5714285714rem;padding:0 .8571428571rem 0 .9285714286rem;border-radius:1.0714285714rem;color:#fff7ee }
.button-icon__label-background { position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:1.0714285714rem;background-color:#ffbe0d;transform-origin:0 50% }
.button-icon--color-white .button-icon__label-background { background-color:#fff7ee }
.button-icon--color-green .button-icon__label-background { background-color:#5c7d4f }
.button-icon--color-red .button-icon__label-background { background-color:#f66e46 }
.button-icon__color-dark-green .button-icon__label-background { background-color:#24341d }
.button-icon--color-blue .button-icon__label-background { background-color:#709bca }
.button-icon__label-text { position:relative;font-family:Aeonik-Medium,sans-serif;font-size:.8571428571rem;letter-spacing:-.01em;line-height:100% }
@media(min-width:768px) {
  .button-icon__icon-hover-wrapper { width:3.4285714286rem;height:3.4285714286rem;border-radius:1.0714285714rem }
  .button-icon__icon-hover-wrapper:last-of-type { margin-left:-3.4285714286rem }
  .button-icon__icon-wrapper { width:2rem }
  .button-icon__label { min-width:5.0714285714rem;height:3.4285714286rem;padding:0 1.5rem 0 1.5714285714rem }
  .button-icon__label-background,
.button-icon__label { border-radius:1.0714285714rem }
  .button-icon__label-text { font-size:1rem }
}
.footer__section { position:relative;z-index:3;overflow:hidden;padding-top:2.1428571429rem }
.footer__container { position:relative;padding:3.5714285714rem 1.0714285714rem 0 }
.footer__background { -webkit-clip-path:polygon(0 14.2102px,0 14.2102px,.20408672px 11.811382521px,.79301056px 9.549671528px,1.73176704px 7.457286187px,2.98535168px 5.566445664px,4.51876px 3.909369125px,6.29698752px 2.518275736px,8.28502976px 1.425384663px,10.44788224px .662915072px,12.75054048px .263086129px,15.158px .258117px,calc(100% - 12.842px) 29.0591px,calc(100% - 12.842px) 29.0591px,calc(100% - 10.71873px) 29.3995253px,calc(100% - 8.71936px) 30.0423104px,calc(100% - 6.86735px) 30.9619691px,calc(100% - 5.18616px) 32.1330152px,calc(100% - 3.69925px) 33.5299625px,calc(100% - 2.43008px) 35.1273248px,calc(100% - 1.40211px) 36.8996159px,calc(100% - .6388px) 38.8213496px,calc(100% - .16361px) 40.8670397px,calc(100% - 0px) 43.0112px,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 14.2102px);clip-path:polygon(0 14.2102px,0 14.2102px,.20408672px 11.811382521px,.79301056px 9.549671528px,1.73176704px 7.457286187px,2.98535168px 5.566445664px,4.51876px 3.909369125px,6.29698752px 2.518275736px,8.28502976px 1.425384663px,10.44788224px .662915072px,12.75054048px .263086129px,15.158px .258117px,calc(100% - 12.842px) 29.0591px,calc(100% - 12.842px) 29.0591px,calc(100% - 10.71873px) 29.3995253px,calc(100% - 8.71936px) 30.0423104px,calc(100% - 6.86735px) 30.9619691px,calc(100% - 5.18616px) 32.1330152px,calc(100% - 3.69925px) 33.5299625px,calc(100% - 2.43008px) 35.1273248px,calc(100% - 1.40211px) 36.8996159px,calc(100% - .6388px) 38.8213496px,calc(100% - .16361px) 40.8670397px,calc(100% - 0px) 43.0112px,calc(100% - 0px) calc(100% - 0px),0 calc(100% - 0px),0 14.2102px);position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff7ee }
.footer__content { position:relative;padding:3.2142857143rem calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + .3571428571rem);border-radius:.8571428571rem;color:#fff7ee }
.footer__color-yellow .footer__content { background-color:#ffcb34;color:#495743 }
.footer--color-green .footer__content { background-color:#7a966f }
.footer__color-dark-green .footer__content { background-color:#495743 }
.footer--color-blue .footer__content { background-color:#8baed4 }
.footer--color-red .footer__content { background-color:#f88967 }
.footer__flower { position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:54% 55%;background-size:315% auto }
.footer__color-yellow .footer__flower { background-image:url(images/flower-yellow-20.svg) }
.footer--color-green .footer__flower { background-image:url(images/flower-clover-40.svg) }
.footer__color-dark-green .footer__flower { background-image:url(images/flower-kelp-40.svg) }
.footer--color-blue .footer__flower { background-image:url(images/flower-ocean-40.svg) }
.footer--color-red .footer__flower { background-image:url(images/flower-sunset-20.svg) }
.footer__headline-marquee { width:auto;margin:0 -1.0714285714rem 2.1428571429rem }
.footer__color-yellow .footer__headline-marquee { color:#ffbe0d }
.footer--color-green .footer__headline-marquee { color:#5c7d4f }
.footer__color-dark-green .footer__headline-marquee { color:#24341d }
.footer--color-blue .footer__headline-marquee { color:#709bca }
.footer--color-red .footer__headline-marquee { color:#f66e46 }
.footer__headline-icon { width:5.5714285714rem;height:auto;margin:0 2.6428571429rem }
.footer__headline { position:relative;display:block;font-family:Aeonik-Medium,sans-serif;font-size:5rem;letter-spacing:-.01em;line-height:normal;white-space:nowrap }
.footer__text-container { position:relative }
.footer__logo { width:7.1428571429rem;height:auto;margin-bottom:2.1428571429rem }
.footer__paragraph { margin-bottom:1.0714285714rem }
.footer__label,
.footer__paragraph { font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140% }
.footer__logo-label { width:auto;height:2.8571428571rem;margin-bottom:.1428571429rem;margin-left:.3571428571rem;vertical-align:middle }
.footer__links-container { position:relative;display:flex;margin:4.2857142857rem 0 3.2142857143rem }
.footer__primary-list { width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*5 + 1.4285714286rem + 0rem);margin-right:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + .3571428571rem) }
.footer__primary-list-item { margin-bottom:1.0714285714rem }
.footer__primary-list-item:last-of-type { margin-bottom:0 }
.footer__primary-link { font-family:Aeonik-Medium,sans-serif;font-size:1.5rem;letter-spacing:-.01em;line-height:130% }
.footer__secondary-list { width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*4 + 1.0714285714rem + 0rem) }
.footer__secondary-list-item { margin-bottom:1.0714285714rem }
.footer__secondary-list-item:last-of-type { margin-bottom:0 }
.footer__secondary-link { font-family:Aeonik-Regular,sans-serif;font-size:.8571428571rem;letter-spacing:0;line-height:140%;cursor:pointer }
.footer__contact-list-item { margin-bottom:1.0714285714rem }
.footer__contact-list-item:last-of-type { margin-bottom:0 }
.footer__contact-link { position:relative;font-family:Aeonik-Medium,sans-serif;font-size:.8571428571rem;letter-spacing:0;line-height:100% }
.footer__contact-icon { width:1.4285714286rem;height:1.4285714286rem;margin-right:.9285714286rem;vertical-align:middle }
.footer__footer { position:relative;padding:2.1428571429rem 0 }
.footer__color-yellow .footer__footer { color:#495743 }
.footer--color-green .footer__footer { color:#5c7d4f }
.footer__color-dark-green .footer__footer { color:#24341d }
.footer--color-blue .footer__footer { color:#709bca }
.footer--color-red .footer__footer { color:#f66e46 }
.footer__social-container { display:flex;align-items:center;margin-bottom:2.1428571429rem }
.footer__social-label { flex:1 0;font-family:Aeonik-Medium,sans-serif;font-size:.8571428571rem;letter-spacing:0;line-height:110% }
.footer__social-list-item,
.footer__social-list { display:inline-block }
.footer__social-list-item:first-of-type { margin-right:.3571428571rem }
.footer__copyright { font-family:Aeonik-Regular,sans-serif;font-size:.8571428571rem;letter-spacing:0;line-height:140% }
@media(min-width:768px) {
  .footer__container { padding:7.5714285714rem 3.9285714286rem 0 }
  .footer__background { -webkit-clip-path:polygon(.429688px 16.3916px,.429688px 16.3916px,.651786466px 13.7176063577px,1.293659488px 11.1892160761px,2.318673502px 8.8414611236px,3.690194944px 6.7093734684px,5.37159025px 4.8279850786px,7.326225856px 3.2323279226px,9.517468198px 1.9574339685px,11.908683712px 1.0383351845px,14.463238834px .5100635389px,17.1445px .407651px,calc(100% - 15.86px) 63.3741px,calc(100% - 15.86px) 63.3741px,calc(100% - 13.35423px) 63.6834958px,calc(100% - 10.98664px) 64.3616624px,calc(100% - 8.78681px) 65.3777286px,calc(100% - 6.78432px) 66.7008232px,calc(100% - 5.00875px) 68.300075px,calc(100% - 3.48968px) 70.1446128px,calc(100% - 2.25669px) 72.2035654px,calc(100% - 1.33936px) 74.4460616px,calc(100% - .76727px) 76.8412302px,calc(100% - .57px) 79.3582px,calc(100% - .57px) calc(100% - .973px),.429688px calc(100% - .973px),.429688px 16.3916px);clip-path:polygon(.429688px 16.3916px,.429688px 16.3916px,.651786466px 13.7176063577px,1.293659488px 11.1892160761px,2.318673502px 8.8414611236px,3.690194944px 6.7093734684px,5.37159025px 4.8279850786px,7.326225856px 3.2323279226px,9.517468198px 1.9574339685px,11.908683712px 1.0383351845px,14.463238834px .5100635389px,17.1445px .407651px,calc(100% - 15.86px) 63.3741px,calc(100% - 15.86px) 63.3741px,calc(100% - 13.35423px) 63.6834958px,calc(100% - 10.98664px) 64.3616624px,calc(100% - 8.78681px) 65.3777286px,calc(100% - 6.78432px) 66.7008232px,calc(100% - 5.00875px) 68.300075px,calc(100% - 3.48968px) 70.1446128px,calc(100% - 2.25669px) 72.2035654px,calc(100% - 1.33936px) 74.4460616px,calc(100% - .76727px) 76.8412302px,calc(100% - .57px) 79.3582px,calc(100% - .57px) calc(100% - .973px),.429688px calc(100% - .973px),.429688px 16.3916px) }
  .footer__headline-marquee { width:auto;margin:0 -3.9285714286rem 3.2142857143rem }
  .footer__headline-icon { width:15.7857142857rem;height:auto;margin:0 5.2857142857rem }
  .footer__headline { font-size:14.2857142857rem;letter-spacing:-.02em;line-height:120% }
  .footer__content { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:5.3571428571rem calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*2 + 1.4285714286rem + 1.4285714286rem) 4.2857142857rem calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*1 + 0rem + 1.4285714286rem);border-radius:1.4285714286rem }
  .footer__flower { background-position:85% 42%;background-size:130% auto }
  .footer__text-container { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*6 + 7.1428571429rem + 0rem) }
  .footer__logo { width:10.3571428571rem;margin-bottom:3rem }
  .footer__paragraph { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*4 + 4.2857142857rem + 0rem);margin-bottom:2.1428571429rem;font-size:1.5rem;line-height:130% }
  .footer__label { font-size:1.5rem }
  .footer__logo-label { height:4.2857142857rem;margin-left:.3571428571rem }
  .footer__links-container { display:block;width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*4 + 4.2857142857rem + 0rem);margin:0 }
  .footer__primary-list { width:auto;margin-right:0;margin-bottom:3.2142857143rem }
  .footer__primary-list-item { margin-bottom:1.4285714286rem }
  .footer__primary-link { font-size:2.5rem;line-height:115%;display:inline-block;transition:transform .3s cubic-bezier(.34,.02,.3,.98) }
  .footer__primary-link:hover { transform:translateX(.7142857143rem) }
  .footer__secondary-list { width:auto }
  .footer__secondary-list-item { margin-bottom:1.0714285714rem }
  .footer__secondary-link { font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140% }
  .footer__secondary-link:hover { text-decoration:underline }
  .footer__contact-list { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*15 + 20rem + 0rem);margin-top:.9285714286rem }
  .footer__contact-link:hover { text-decoration:underline }
  .footer__contact-icon { width:1.7142857143rem;height:1.7142857143rem;margin-right:1rem }
  .footer__footer { display:flex;justify-content:space-between;align-items:center;padding:1.4285714286rem 0 3.2142857143rem calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*1 + 0rem + 1.4285714286rem) }
  .footer__social-container { margin-bottom:0;order:1 }
  .footer__social-list-item:first-of-type { margin-right:1rem }
  .footer__social-label { display:inline-block;margin-right:1.4285714286rem;font-size:1rem;line-height:130% }
  .footer__copyright { order:0 }
}
.hero__section { position:relative;height:100svh;min-height:47.6428571429rem;padding:.7142857143rem .7142857143rem 3.3571428571rem }
.hero__container { -webkit-clip-path:polygon(.806641px 32.6855px,.806641px 32.6855px,.811327289px 28.38161584px,.844131312px 24.50215872px,.933170803px 21.01901168px,1.106563496px 17.90405776px,1.392427125px 15.12918px,1.818879424px 12.66626144px,2.414038127px 10.48718512px,3.206020968px 8.56383408px,4.222945681px 6.86809136px,5.49293px 5.37184px,5.49293px 5.37184px,6.98918407px 4.101854597px,8.68492896px 3.084929016px,10.60828169px 2.292945499px,12.78735928px 1.697786288px,15.25027875px 1.271333625px,18.02515712px .985469752px,21.14011141px .812076911px,24.62325864px .723037344px,28.50271583px .690233293px,32.8066px .685547px,calc(100% - 32.193px) .685547px,calc(100% - 32.193px) .685547px,calc(100% - 27.889103px) .690233293px,calc(100% - 24.009664px) .723037344px,calc(100% - 20.526561px) .812076911px,calc(100% - 17.411672px) .985469752px,calc(100% - 14.636875px) 1.271333625px,calc(100% - 12.174048px) 1.697786288px,calc(100% - 9.995069px) 2.292945499px,calc(100% - 8.071816px) 3.084929016px,calc(100% - 6.376167px) 4.101854597px,calc(100% - 4.88px) 5.37184px,calc(100% - 4.88px) 5.37184px,calc(100% - 3.609823px) 6.86809136px,calc(100% - 2.592744px) 8.56383408px,calc(100% - 1.800641px) 10.48718512px,calc(100% - 1.205392px) 12.66626144px,calc(100% - .778875px) 15.12918px,calc(100% - .492968px) 17.90405776px,calc(100% - .319549px) 21.01901168px,calc(100% - .230496px) 24.50215872px,calc(100% - .197687px) 28.38161584px,calc(100% - .193px) 32.6855px,calc(100% - .193px) calc(100% - 33.455px),calc(100% - .193px) calc(100% - 33.455px),calc(100% - .198269px) calc(100% - 28.738616px),calc(100% - .235152px) calc(100% - 24.489608px),calc(100% - .335263px) calc(100% - 20.679392px),calc(100% - .530216px) calc(100% - 17.279384px),calc(100% - .851625px) calc(100% - 14.261px),calc(100% - 1.331104px) calc(100% - 11.595656px),calc(100% - 2.000267px) calc(100% - 9.254768px),calc(100% - 2.890728px) calc(100% - 7.209752px),calc(100% - 4.034101px) calc(100% - 5.432024px),calc(100% - 5.462px) calc(100% - 3.893px),calc(100% - 5.462px) calc(100% - 3.893px),calc(100% - 7.136648px) calc(100% - 2.626584px),calc(100% - 9.020264px) calc(100% - 1.667272px),calc(100% - 11.144456px) calc(100% - .986468px),calc(100% - 13.540832px) calc(100% - .555576px),calc(100% - 16.241px) calc(100% - .346px),calc(100% - 19.276568px) calc(100% - .329144px),calc(100% - 22.679144px) calc(100% - .476412px),calc(100% - 26.480336px) calc(100% - .759208px),calc(100% - 30.711752px) calc(100% - 1.148936px),calc(100% - 35.405px) calc(100% - 1.617px),29.5955px calc(100% - 30.966px),29.5955px calc(100% - 30.966px),25.6917142px calc(100% - 31.36387px),22.1736276px calc(100% - 31.74776px),19.0164464px calc(100% - 32.14509px),16.1953768px calc(100% - 32.58328px),13.685625px calc(100% - 33.08975px),11.4623972px calc(100% - 33.69192px),9.5008996px calc(100% - 34.41721px),7.7763384px calc(100% - 35.29304px),6.2639198px calc(100% - 36.34683px),4.93885px calc(100% - 37.606px),4.93885px calc(100% - 37.606px),3.819021361px calc(100% - 39.050751px),2.922332008px calc(100% - 40.661288px),2.223988687px calc(100% - 42.465037px),1.699198144px calc(100% - 44.489424px),1.323167125px calc(100% - 46.761875px),1.071102376px calc(100% - 49.309816px),.918210643px calc(100% - 52.160673px),.839698672px calc(100% - 55.341872px),.810773209px calc(100% - 58.880839px),.806641px calc(100% - 62.805px),.806641px 32.6855px);clip-path:polygon(.806641px 32.6855px,.806641px 32.6855px,.811327289px 28.38161584px,.844131312px 24.50215872px,.933170803px 21.01901168px,1.106563496px 17.90405776px,1.392427125px 15.12918px,1.818879424px 12.66626144px,2.414038127px 10.48718512px,3.206020968px 8.56383408px,4.222945681px 6.86809136px,5.49293px 5.37184px,5.49293px 5.37184px,6.98918407px 4.101854597px,8.68492896px 3.084929016px,10.60828169px 2.292945499px,12.78735928px 1.697786288px,15.25027875px 1.271333625px,18.02515712px .985469752px,21.14011141px .812076911px,24.62325864px .723037344px,28.50271583px .690233293px,32.8066px .685547px,calc(100% - 32.193px) .685547px,calc(100% - 32.193px) .685547px,calc(100% - 27.889103px) .690233293px,calc(100% - 24.009664px) .723037344px,calc(100% - 20.526561px) .812076911px,calc(100% - 17.411672px) .985469752px,calc(100% - 14.636875px) 1.271333625px,calc(100% - 12.174048px) 1.697786288px,calc(100% - 9.995069px) 2.292945499px,calc(100% - 8.071816px) 3.084929016px,calc(100% - 6.376167px) 4.101854597px,calc(100% - 4.88px) 5.37184px,calc(100% - 4.88px) 5.37184px,calc(100% - 3.609823px) 6.86809136px,calc(100% - 2.592744px) 8.56383408px,calc(100% - 1.800641px) 10.48718512px,calc(100% - 1.205392px) 12.66626144px,calc(100% - .778875px) 15.12918px,calc(100% - .492968px) 17.90405776px,calc(100% - .319549px) 21.01901168px,calc(100% - .230496px) 24.50215872px,calc(100% - .197687px) 28.38161584px,calc(100% - .193px) 32.6855px,calc(100% - .193px) calc(100% - 33.455px),calc(100% - .193px) calc(100% - 33.455px),calc(100% - .198269px) calc(100% - 28.738616px),calc(100% - .235152px) calc(100% - 24.489608px),calc(100% - .335263px) calc(100% - 20.679392px),calc(100% - .530216px) calc(100% - 17.279384px),calc(100% - .851625px) calc(100% - 14.261px),calc(100% - 1.331104px) calc(100% - 11.595656px),calc(100% - 2.000267px) calc(100% - 9.254768px),calc(100% - 2.890728px) calc(100% - 7.209752px),calc(100% - 4.034101px) calc(100% - 5.432024px),calc(100% - 5.462px) calc(100% - 3.893px),calc(100% - 5.462px) calc(100% - 3.893px),calc(100% - 7.136648px) calc(100% - 2.626584px),calc(100% - 9.020264px) calc(100% - 1.667272px),calc(100% - 11.144456px) calc(100% - .986468px),calc(100% - 13.540832px) calc(100% - .555576px),calc(100% - 16.241px) calc(100% - .346px),calc(100% - 19.276568px) calc(100% - .329144px),calc(100% - 22.679144px) calc(100% - .476412px),calc(100% - 26.480336px) calc(100% - .759208px),calc(100% - 30.711752px) calc(100% - 1.148936px),calc(100% - 35.405px) calc(100% - 1.617px),29.5955px calc(100% - 30.966px),29.5955px calc(100% - 30.966px),25.6917142px calc(100% - 31.36387px),22.1736276px calc(100% - 31.74776px),19.0164464px calc(100% - 32.14509px),16.1953768px calc(100% - 32.58328px),13.685625px calc(100% - 33.08975px),11.4623972px calc(100% - 33.69192px),9.5008996px calc(100% - 34.41721px),7.7763384px calc(100% - 35.29304px),6.2639198px calc(100% - 36.34683px),4.93885px calc(100% - 37.606px),4.93885px calc(100% - 37.606px),3.819021361px calc(100% - 39.050751px),2.922332008px calc(100% - 40.661288px),2.223988687px calc(100% - 42.465037px),1.699198144px calc(100% - 44.489424px),1.323167125px calc(100% - 46.761875px),1.071102376px calc(100% - 49.309816px),.918210643px calc(100% - 52.160673px),.839698672px calc(100% - 55.341872px),.810773209px calc(100% - 58.880839px),.806641px calc(100% - 62.805px),.806641px 32.6855px);position:absolute;top:.7142857143rem;right:.7142857143rem;bottom:3.3571428571rem;left:.7142857143rem;display:flex;align-items:center;width:auto;height:auto;overflow:hidden;padding-bottom:3.5714285714rem }
.hero__image-detail { position:absolute;right:-6.2142857143rem;bottom:-1.5714285714rem;width:28.3571428571rem;height:auto;transform-origin:center bottom;pointer-events:none;aspect-ratio:673/522 }
.hero__image-source { pointer-events:none }
.hero__flower { position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background-image:url(images/flower-clover-40.svg);background-repeat:no-repeat;background-position:37% 48%;background-size:350% auto;transform:scaleY(-1) }
.hero__heading { font-family:Aeonik-Medium,sans-serif;font-size:3.4285714286rem;letter-spacing:-.01em;line-height:100%;position:relative;width:100%;padding:0 .3571428571rem;text-align:center;color:#fff7ee }
.hero__video-thumnbnail { position:absolute;top:1.0714285714rem;right:1.0714285714rem;width:4.5714285714rem;height:4.5714285714rem;overflow:hidden;background:#fff7ee }
.hero__video-thumnbnail-inner { position:relative;width:4.2857142857rem;height:4.2857142857rem;margin:.1428571429rem }
.hero__button { position:absolute;top:0;right:0;bottom:0;left:0;width:3rem;height:3rem;margin:auto;cursor:pointer;transform:scale(.5) }
.hero__button-background { display:flex;justify-content:center;width:100%;height:100%;background-color:#fff9f1 }
.hero__button-icon { width:.7857142857rem;height:auto;fill:#24341d }
@media(min-width:768px) {
  .hero__section { height:115svh;min-height:60.7142857143rem;padding:1.0714285714rem 1.0714285714rem 3.3571428571rem }
  .hero__container { top:1.0714285714rem;right:1.0714285714rem;bottom:3.3571428571rem;left:1.0714285714rem;padding-bottom:17.8571428571rem }
  .hero__flower { background-position:-21% 53%;background-size:154% auto }
  .hero__image-detail { position:absolute;right:calc(50% - 8.5714285714rem);bottom:-6.9285714286rem;width:48.0714285714rem;height:auto;transform:translateX(50%);aspect-ratio:673/522 }
  .hero__heading { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*14 + 18.5714285714rem + 0rem);margin:0 auto;padding:0;font-size:7.8571428571rem;letter-spacing:-.01em;line-height:100%;white-space:pre-line }
  .hero__video-thumnbnail { top:auto;right:calc(3.9285714286rem - 1.0714285714rem);bottom:3.9285714286rem;width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*3 + 2.8571428571rem + 0rem);height:auto;cursor:pointer;aspect-ratio:205/247 }
  .hero__video-thumnbnail .hero__image-source { transition:scale .9s cubic-bezier(.34,.02,.3,.98) }
  .hero__video-thumnbnail:hover .hero__image-source { scale:1.1!important }
  .hero__video-thumnbnail:hover .hero__button-background { scale:1.1 }
  .hero__video-thumnbnail:hover .hero__button-icon { scale:.8 }
  .hero__video-thumnbnail-inner { position:relative;width:calc(100% - .2857142857rem);height:calc(100% - .2857142857rem);margin:.1428571429rem }
  .hero__button { transform:scale(1) }
  .hero__button-background,
.hero__button-icon { transition:scale .7s cubic-bezier(.34,.02,.3,.98) }
}
@media(min-width:1440px) {
  .hero__section { min-height:61.9285714286rem }
  .hero__heading { font-size:8.2857142857rem }
}
.intro__section { padding:5.7142857143rem 1.0714285714rem }
.intro__intro { font-family:Aeonik-Medium,sans-serif;font-size:2.2857142857rem;letter-spacing:-.01em;line-height:115%;width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*11 + 3.5714285714rem + 0rem);margin-bottom:8.5714285714rem }
@media(min-width:768px) {
  .intro__section { padding:8.5714285714rem 3.9285714286rem }
  .intro__intro { font-size:3.5rem;line-height:115%;width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*8 + 10rem + 0rem);margin-left:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*3 + 2.8571428571rem + 1.4285714286rem) }
}
.sticky-cards__section { position:relative;padding:0 0 8.5714285714rem }
.sticky-cards__background { position:absolute;top:-2.8571428571rem;bottom:2.8571428571rem;left:0;width:100%;height:calc(100vh + 2.8571428571rem);will-change:transform }
.sticky-cards__image { -webkit-clip-path:polygon(.267578px 52.7411px,.267578px 52.7411px,.271594752px 48.9652897px,.299712016px 45.5605656px,.376030304px 42.5010179px,.524650128px 39.7607368px,.769672px 37.3138125px,1.135196432px 35.1343352px,1.645323936px 33.1963951px,2.324155024px 31.4740824px,3.195790208px 29.9414873px,4.28433px 28.5727px,4.28433px 28.5727px,5.57084891px 27.3880674px,7.03642288px 26.4079352px,8.70515277px 25.6063918px,10.60113944px 24.9575256px,12.74848375px 24.435425px,15.17128656px 24.0141784px,17.89364873px 23.6678742px,20.93967112px 23.3706008px,24.33345459px 23.0964466px,28.0991px 22.8195px,calc(100% - 32.901px) 1.73034px,calc(100% - 32.901px) 1.73034px,calc(100% - 28.602107px) 1.4235888807px,calc(100% - 24.726496px) 1.1762943936px,calc(100% - 21.245469px) 1.0151551449px,calc(100% - 18.130328px) .9668697408px,calc(100% - 15.352375px) 1.0581367875px,calc(100% - 12.882912px) 1.3156548912px,calc(100% - 10.693241px) 1.7661226581px,calc(100% - 8.754664px) 2.4362386944px,calc(100% - 7.038483px) 3.3527016063px,calc(100% - 5.516px) 4.54221px,calc(100% - 5.516px) 4.54221px,calc(100% - 4.219536px) 5.97469723px,calc(100% - 3.181408px) 7.62009584px,calc(100% - 2.372912px) 9.50510421px,calc(100% - 1.765344px) 11.65642072px,calc(100% - 1.33px) 14.10074375px,calc(100% - 1.038176px) 16.86477168px,calc(100% - .861168px) 19.97520289px,calc(100% - .770272px) 23.45873576px,calc(100% - .736784px) 27.34206867px,calc(100% - .732px) 31.6519px,calc(100% - .732px) calc(100% - 30.982px),calc(100% - .732px) calc(100% - 30.982px),calc(100% - .736394px) calc(100% - 26.947136px),calc(100% - .767152px) calc(100% - 23.310168px),calc(100% - .850638px) calc(100% - 20.044732px),calc(100% - 1.013216px) calc(100% - 17.124464px),calc(100% - 1.28125px) calc(100% - 14.523px),calc(100% - 1.681104px) calc(100% - 12.213976px),calc(100% - 2.239142px) calc(100% - 10.171028px),calc(100% - 2.981728px) calc(100% - 8.367792px),calc(100% - 3.935226px) calc(100% - 6.777904px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 6.528633px) calc(100% - 4.184497px),calc(100% - 8.118304px) calc(100% - 3.231216px),calc(100% - 9.921371px) calc(100% - 2.488799px),calc(100% - 11.964192px) calc(100% - 1.930888px),calc(100% - 14.273125px) calc(100% - 1.531125px),calc(100% - 16.874528px) calc(100% - 1.263152px),calc(100% - 19.794759px) calc(100% - 1.100611px),calc(100% - 23.060176px) calc(100% - 1.017144px),calc(100% - 26.697137px) calc(100% - .986393px),calc(100% - 30.732px) calc(100% - .982px),30.2676px calc(100% - .982px),30.2676px calc(100% - .982px),26.23268157px calc(100% - .986393px),22.59567216px calc(100% - 1.017144px),19.33021059px calc(100% - 1.100611px),16.40993568px calc(100% - 1.263152px),13.80848625px calc(100% - 1.531125px),11.49950112px calc(100% - 1.930888px),9.45661911px calc(100% - 2.488799px),7.65347904px calc(100% - 3.231216px),6.06371973px calc(100% - 4.184497px),4.66098px calc(100% - 5.375px),4.66098px calc(100% - 5.375px),3.470368058px calc(100% - 6.777904px),2.516999824px calc(100% - 8.367792px),1.774514886px calc(100% - 10.171028px),1.216552832px calc(100% - 12.213976px),.81675325px calc(100% - 14.523px),.548755728px calc(100% - 17.124464px),.386199854px calc(100% - 20.044732px),.302725216px calc(100% - 23.310168px),.271971402px calc(100% - 26.947136px),.267578px calc(100% - 30.982px),.267578px 52.7411px);clip-path:polygon(.267578px 52.7411px,.267578px 52.7411px,.271594752px 48.9652897px,.299712016px 45.5605656px,.376030304px 42.5010179px,.524650128px 39.7607368px,.769672px 37.3138125px,1.135196432px 35.1343352px,1.645323936px 33.1963951px,2.324155024px 31.4740824px,3.195790208px 29.9414873px,4.28433px 28.5727px,4.28433px 28.5727px,5.57084891px 27.3880674px,7.03642288px 26.4079352px,8.70515277px 25.6063918px,10.60113944px 24.9575256px,12.74848375px 24.435425px,15.17128656px 24.0141784px,17.89364873px 23.6678742px,20.93967112px 23.3706008px,24.33345459px 23.0964466px,28.0991px 22.8195px,calc(100% - 32.901px) 1.73034px,calc(100% - 32.901px) 1.73034px,calc(100% - 28.602107px) 1.4235888807px,calc(100% - 24.726496px) 1.1762943936px,calc(100% - 21.245469px) 1.0151551449px,calc(100% - 18.130328px) .9668697408px,calc(100% - 15.352375px) 1.0581367875px,calc(100% - 12.882912px) 1.3156548912px,calc(100% - 10.693241px) 1.7661226581px,calc(100% - 8.754664px) 2.4362386944px,calc(100% - 7.038483px) 3.3527016063px,calc(100% - 5.516px) 4.54221px,calc(100% - 5.516px) 4.54221px,calc(100% - 4.219536px) 5.97469723px,calc(100% - 3.181408px) 7.62009584px,calc(100% - 2.372912px) 9.50510421px,calc(100% - 1.765344px) 11.65642072px,calc(100% - 1.33px) 14.10074375px,calc(100% - 1.038176px) 16.86477168px,calc(100% - .861168px) 19.97520289px,calc(100% - .770272px) 23.45873576px,calc(100% - .736784px) 27.34206867px,calc(100% - .732px) 31.6519px,calc(100% - .732px) calc(100% - 30.982px),calc(100% - .732px) calc(100% - 30.982px),calc(100% - .736394px) calc(100% - 26.947136px),calc(100% - .767152px) calc(100% - 23.310168px),calc(100% - .850638px) calc(100% - 20.044732px),calc(100% - 1.013216px) calc(100% - 17.124464px),calc(100% - 1.28125px) calc(100% - 14.523px),calc(100% - 1.681104px) calc(100% - 12.213976px),calc(100% - 2.239142px) calc(100% - 10.171028px),calc(100% - 2.981728px) calc(100% - 8.367792px),calc(100% - 3.935226px) calc(100% - 6.777904px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 6.528633px) calc(100% - 4.184497px),calc(100% - 8.118304px) calc(100% - 3.231216px),calc(100% - 9.921371px) calc(100% - 2.488799px),calc(100% - 11.964192px) calc(100% - 1.930888px),calc(100% - 14.273125px) calc(100% - 1.531125px),calc(100% - 16.874528px) calc(100% - 1.263152px),calc(100% - 19.794759px) calc(100% - 1.100611px),calc(100% - 23.060176px) calc(100% - 1.017144px),calc(100% - 26.697137px) calc(100% - .986393px),calc(100% - 30.732px) calc(100% - .982px),30.2676px calc(100% - .982px),30.2676px calc(100% - .982px),26.23268157px calc(100% - .986393px),22.59567216px calc(100% - 1.017144px),19.33021059px calc(100% - 1.100611px),16.40993568px calc(100% - 1.263152px),13.80848625px calc(100% - 1.531125px),11.49950112px calc(100% - 1.930888px),9.45661911px calc(100% - 2.488799px),7.65347904px calc(100% - 3.231216px),6.06371973px calc(100% - 4.184497px),4.66098px calc(100% - 5.375px),4.66098px calc(100% - 5.375px),3.470368058px calc(100% - 6.777904px),2.516999824px calc(100% - 8.367792px),1.774514886px calc(100% - 10.171028px),1.216552832px calc(100% - 12.213976px),.81675325px calc(100% - 14.523px),.548755728px calc(100% - 17.124464px),.386199854px calc(100% - 20.044732px),.302725216px calc(100% - 23.310168px),.271971402px calc(100% - 26.947136px),.267578px calc(100% - 30.982px),.267578px 52.7411px);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden }
.sticky-cards__image:after { position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);content:"";pointer-events:none }
.sticky-cards__content { position:relative;padding:8.5714285714rem 1.0714285714rem 0 }
.sticky-cards__content-wrapper { position:-webkit-sticky;position:sticky;top:8.5714285714rem }
.sticky-cards__heading,
.sticky-cards__tag { margin-left:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + .3571428571rem) }
.sticky-cards__heading { font-family:Aeonik-Medium,sans-serif;font-size:2.8571428571rem;letter-spacing:-.01em;line-height:110%;width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*10 + 3.2142857143rem + 0rem);margin-bottom:3.2142857143rem;color:#fff9f1 }
.sticky-cards__heading em { color:#e1eaf4 }
.sticky-cards__paragraph { font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140%;width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*8 + 2.5rem + 0rem);margin-bottom:2.1428571429rem;color:#fff9f1 }
.sticky-cards__button,
.sticky-cards__paragraph { margin-left:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + .3571428571rem) }
.sticky-cards__card { -webkit-clip-path:polygon(.267578px 52.7411px,.267578px 52.7411px,.271594752px 48.9652897px,.299712016px 45.5605656px,.376030304px 42.5010179px,.524650128px 39.7607368px,.769672px 37.3138125px,1.135196432px 35.1343352px,1.645323936px 33.1963951px,2.324155024px 31.4740824px,3.195790208px 29.9414873px,4.28433px 28.5727px,4.28433px 28.5727px,5.57084891px 27.3880674px,7.03642288px 26.4079352px,8.70515277px 25.6063918px,10.60113944px 24.9575256px,12.74848375px 24.435425px,15.17128656px 24.0141784px,17.89364873px 23.6678742px,20.93967112px 23.3706008px,24.33345459px 23.0964466px,28.0991px 22.8195px,calc(100% - 32.901px) 1.73034px,calc(100% - 32.901px) 1.73034px,calc(100% - 28.602107px) 1.4235888807px,calc(100% - 24.726496px) 1.1762943936px,calc(100% - 21.245469px) 1.0151551449px,calc(100% - 18.130328px) .9668697408px,calc(100% - 15.352375px) 1.0581367875px,calc(100% - 12.882912px) 1.3156548912px,calc(100% - 10.693241px) 1.7661226581px,calc(100% - 8.754664px) 2.4362386944px,calc(100% - 7.038483px) 3.3527016063px,calc(100% - 5.516px) 4.54221px,calc(100% - 5.516px) 4.54221px,calc(100% - 4.219536px) 5.97469723px,calc(100% - 3.181408px) 7.62009584px,calc(100% - 2.372912px) 9.50510421px,calc(100% - 1.765344px) 11.65642072px,calc(100% - 1.33px) 14.10074375px,calc(100% - 1.038176px) 16.86477168px,calc(100% - .861168px) 19.97520289px,calc(100% - .770272px) 23.45873576px,calc(100% - .736784px) 27.34206867px,calc(100% - .732px) 31.6519px,calc(100% - .732px) calc(100% - 30.982px),calc(100% - .732px) calc(100% - 30.982px),calc(100% - .736394px) calc(100% - 26.947136px),calc(100% - .767152px) calc(100% - 23.310168px),calc(100% - .850638px) calc(100% - 20.044732px),calc(100% - 1.013216px) calc(100% - 17.124464px),calc(100% - 1.28125px) calc(100% - 14.523px),calc(100% - 1.681104px) calc(100% - 12.213976px),calc(100% - 2.239142px) calc(100% - 10.171028px),calc(100% - 2.981728px) calc(100% - 8.367792px),calc(100% - 3.935226px) calc(100% - 6.777904px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 6.528633px) calc(100% - 4.184497px),calc(100% - 8.118304px) calc(100% - 3.231216px),calc(100% - 9.921371px) calc(100% - 2.488799px),calc(100% - 11.964192px) calc(100% - 1.930888px),calc(100% - 14.273125px) calc(100% - 1.531125px),calc(100% - 16.874528px) calc(100% - 1.263152px),calc(100% - 19.794759px) calc(100% - 1.100611px),calc(100% - 23.060176px) calc(100% - 1.017144px),calc(100% - 26.697137px) calc(100% - .986393px),calc(100% - 30.732px) calc(100% - .982px),30.2676px calc(100% - .982px),30.2676px calc(100% - .982px),26.23268157px calc(100% - .986393px),22.59567216px calc(100% - 1.017144px),19.33021059px calc(100% - 1.100611px),16.40993568px calc(100% - 1.263152px),13.80848625px calc(100% - 1.531125px),11.49950112px calc(100% - 1.930888px),9.45661911px calc(100% - 2.488799px),7.65347904px calc(100% - 3.231216px),6.06371973px calc(100% - 4.184497px),4.66098px calc(100% - 5.375px),4.66098px calc(100% - 5.375px),3.470368058px calc(100% - 6.777904px),2.516999824px calc(100% - 8.367792px),1.774514886px calc(100% - 10.171028px),1.216552832px calc(100% - 12.213976px),.81675325px calc(100% - 14.523px),.548755728px calc(100% - 17.124464px),.386199854px calc(100% - 20.044732px),.302725216px calc(100% - 23.310168px),.271971402px calc(100% - 26.947136px),.267578px calc(100% - 30.982px),.267578px 52.7411px);clip-path:polygon(.267578px 52.7411px,.267578px 52.7411px,.271594752px 48.9652897px,.299712016px 45.5605656px,.376030304px 42.5010179px,.524650128px 39.7607368px,.769672px 37.3138125px,1.135196432px 35.1343352px,1.645323936px 33.1963951px,2.324155024px 31.4740824px,3.195790208px 29.9414873px,4.28433px 28.5727px,4.28433px 28.5727px,5.57084891px 27.3880674px,7.03642288px 26.4079352px,8.70515277px 25.6063918px,10.60113944px 24.9575256px,12.74848375px 24.435425px,15.17128656px 24.0141784px,17.89364873px 23.6678742px,20.93967112px 23.3706008px,24.33345459px 23.0964466px,28.0991px 22.8195px,calc(100% - 32.901px) 1.73034px,calc(100% - 32.901px) 1.73034px,calc(100% - 28.602107px) 1.4235888807px,calc(100% - 24.726496px) 1.1762943936px,calc(100% - 21.245469px) 1.0151551449px,calc(100% - 18.130328px) .9668697408px,calc(100% - 15.352375px) 1.0581367875px,calc(100% - 12.882912px) 1.3156548912px,calc(100% - 10.693241px) 1.7661226581px,calc(100% - 8.754664px) 2.4362386944px,calc(100% - 7.038483px) 3.3527016063px,calc(100% - 5.516px) 4.54221px,calc(100% - 5.516px) 4.54221px,calc(100% - 4.219536px) 5.97469723px,calc(100% - 3.181408px) 7.62009584px,calc(100% - 2.372912px) 9.50510421px,calc(100% - 1.765344px) 11.65642072px,calc(100% - 1.33px) 14.10074375px,calc(100% - 1.038176px) 16.86477168px,calc(100% - .861168px) 19.97520289px,calc(100% - .770272px) 23.45873576px,calc(100% - .736784px) 27.34206867px,calc(100% - .732px) 31.6519px,calc(100% - .732px) calc(100% - 30.982px),calc(100% - .732px) calc(100% - 30.982px),calc(100% - .736394px) calc(100% - 26.947136px),calc(100% - .767152px) calc(100% - 23.310168px),calc(100% - .850638px) calc(100% - 20.044732px),calc(100% - 1.013216px) calc(100% - 17.124464px),calc(100% - 1.28125px) calc(100% - 14.523px),calc(100% - 1.681104px) calc(100% - 12.213976px),calc(100% - 2.239142px) calc(100% - 10.171028px),calc(100% - 2.981728px) calc(100% - 8.367792px),calc(100% - 3.935226px) calc(100% - 6.777904px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 5.126px) calc(100% - 5.375px),calc(100% - 6.528633px) calc(100% - 4.184497px),calc(100% - 8.118304px) calc(100% - 3.231216px),calc(100% - 9.921371px) calc(100% - 2.488799px),calc(100% - 11.964192px) calc(100% - 1.930888px),calc(100% - 14.273125px) calc(100% - 1.531125px),calc(100% - 16.874528px) calc(100% - 1.263152px),calc(100% - 19.794759px) calc(100% - 1.100611px),calc(100% - 23.060176px) calc(100% - 1.017144px),calc(100% - 26.697137px) calc(100% - .986393px),calc(100% - 30.732px) calc(100% - .982px),30.2676px calc(100% - .982px),30.2676px calc(100% - .982px),26.23268157px calc(100% - .986393px),22.59567216px calc(100% - 1.017144px),19.33021059px calc(100% - 1.100611px),16.40993568px calc(100% - 1.263152px),13.80848625px calc(100% - 1.531125px),11.49950112px calc(100% - 1.930888px),9.45661911px calc(100% - 2.488799px),7.65347904px calc(100% - 3.231216px),6.06371973px calc(100% - 4.184497px),4.66098px calc(100% - 5.375px),4.66098px calc(100% - 5.375px),3.470368058px calc(100% - 6.777904px),2.516999824px calc(100% - 8.367792px),1.774514886px calc(100% - 10.171028px),1.216552832px calc(100% - 12.213976px),.81675325px calc(100% - 14.523px),.548755728px calc(100% - 17.124464px),.386199854px calc(100% - 20.044732px),.302725216px calc(100% - 23.310168px),.271971402px calc(100% - 26.947136px),.267578px calc(100% - 30.982px),.267578px 52.7411px);display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:16.0714285714rem;padding:3.2857142857rem calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + .3571428571rem) 2.1428571429rem;background-color:#fff7ee }
.sticky-cards__card:last-of-type { margin-bottom:0 }
.sticky-cards__card-tag { margin-bottom:2.1428571429rem;align-self:flex-end }
.sticky-cards__card-heading { font-family:Aeonik-Medium,sans-serif;font-size:2rem;letter-spacing:-.01em;line-height:115%;margin-bottom:3.2142857143rem }
.sticky-cards__card-heading,
.sticky-cards__card-paragraph { width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*7 + 2.1428571429rem + .3571428571rem) }
.sticky-cards__card-paragraph { font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140% }
@media(min-width:768px) {
  .sticky-cards__section { padding:0 }
  .sticky-cards__content { display:flex;justify-content:space-between;align-items:flex-start;height:100%;padding:8.5714285714rem 3.9285714286rem }
  .sticky-cards__content-wrapper { position:-webkit-sticky;position:sticky;top:8.5714285714rem;min-height:calc(100vh - 17.1428571429rem) }
  .sticky-cards__background { right:1rem;bottom:0;left:1rem;width:auto }
  .sticky-cards__image:after { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*12 + 15.7142857143rem + 0rem);background:linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.197) 8.1%,rgba(0,0,0,.19) 15.5%,rgba(0,0,0,.179) 22.5%,rgba(0,0,0,.165) 29%,rgba(0,0,0,.148) 35.3%,rgba(0,0,0,.13) 41.2%,rgba(0,0,0,.11) 47.1%,rgba(0,0,0,.09) 52.9%,rgba(0,0,0,.07) 58.8%,rgba(0,0,0,.052) 64.7%,rgba(0,0,0,.035) 71%,rgba(0,0,0,.021) 77.5%,rgba(0,0,0,.01) 84.5%,rgba(0,0,0,.003) 91.9%,transparent) }
  .sticky-cards__heading,
.sticky-cards__tag { margin-left:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*1 + 0rem + 1.4285714286rem) }
  .sticky-cards__heading { font-size:5rem;line-height:110%;width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*7 + 8.5714285714rem + 0rem);margin-bottom:4.2857142857rem }
  .sticky-cards__paragraph { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*5 + 5.7142857143rem + 0rem);font-size:1.5rem;line-height:130% }
  .sticky-cards__button,
.sticky-cards__paragraph { margin-left:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*1 + 0rem + 1.4285714286rem) }
  .sticky-cards__card-list { position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-top:calc(100vh - 8.5714285714rem);padding-bottom:8.5714285714rem }
  .sticky-cards__card { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*7 + 8.5714285714rem + 0rem);margin-bottom:0;padding:3.8571428571rem 2.8571428571rem 4.2857142857rem;position:-webkit-sticky;position:sticky;top:8.5714285714rem;will-change:transform }
  .sticky-cards__card-tag { margin-bottom:2.2857142857rem }
  .sticky-cards__card-heading { font-size:2.5rem;line-height:115% }
  .sticky-cards__card-heading,
.sticky-cards__card-paragraph { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*4 + 4.2857142857rem + 2.8571428571rem) }
}
.sustainability__section { position:relative;overflow:hidden;padding:5.5rem 1.0714285714rem 5.7142857143rem }
.sustainability__card { position:relative;width:calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*10 + 3.2142857143rem + 0rem);margin:9.0714285714rem calc((100vw - 3.9285714286rem - 2.1428571429rem)/12*1 + 0rem + .3571428571rem) 1.7142857143rem;padding:2.1428571429rem 1.4285714286rem;border-radius:1rem;background-color:#fff7ee }
.sustainability__tag { margin-bottom:2.1428571429rem }
.sustainability__heading { font-family:Aeonik-Medium,sans-serif;font-size:2.2857142857rem;letter-spacing:-.01em;line-height:115%;margin-bottom:3.2142857143rem }
.sustainability__paragraph { font-family:Aeonik-Regular,sans-serif;font-size:1rem;letter-spacing:0;line-height:140%;margin-bottom:2.1428571429rem }
@media(min-width:768px) {
  .sustainability__section { margin:0 3.9285714286rem;padding:11.4285714286rem 0 }
  .sustainability__card { width:calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*6 + 7.1428571429rem + 0rem);margin:6.3571428571rem calc((100vw - 24.2857142857rem - 7.8571428571rem)/18*4 + 4.2857142857rem + 1.4285714286rem) 8.0714285714rem;padding:3.2142857143rem;border-radius:1.4285714286rem }
  .sustainability__heading { font-size:3.5rem;line-height:115%;margin-bottom:4.2857142857rem }
  .sustainability__paragraph { margin-bottom:3.2142857143rem }
}

/* =====================================================================
   Rebuild overrides (hand-written) — replace JS-driven smooth scroll
   with native, and provide at-rest reveal states without GSAP.
   The original used Lenis (overriding scroll-behavior:auto); here we
   use native CSS smooth scrolling instead.
   ===================================================================== */
html { scroll-behavior: smooth; }
html.lenis, html.lenis-smooth { scroll-behavior: smooth; }

/* Scroll-reveal.
   .reveal           — block fade + slide-up. Approximates the original
                       per-block "in" timeline (intro maskFill / section
                       tagline+heading+paragraph), sine.inOut, ~1s.
   .reveal-word      — sticky-cards heading words. The original split the
                       heading into LINES and slid them y:100% -> -8% with
                       stagger:0.1 on a custom expo ease. Reproduced per
                       word/element via --i transition-delay (stagger .1s)
                       and a clip-mask so the slide reads as a reveal. */
.reveal { opacity: 0; transform: translateY(40px);
  transition: opacity 1s cubic-bezier(.45,0,.15,1), transform 1s cubic-bezier(.45,0,.15,1); }
.reveal.is-visible { opacity: 1; transform: none; }

[data-words] { opacity: 0; transform: translateY(40px);
  transition: opacity 1s cubic-bezier(.45,0,.15,1), transform 1s cubic-bezier(.45,0,.15,1); }
[data-words].is-visible { opacity: 1; transform: none; }
.reveal-word { display: inline-block; opacity: 0; transform: translateY(60%);
  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform 1.6s cubic-bezier(.22,1,.36,1);
  transition-delay: calc(var(--i, 0) * .1s); }
.reveal-word.is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  html, html.lenis, html.lenis-smooth { scroll-behavior: auto; }
  .reveal, .reveal-word, [data-words] { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Footer headline marquee — JS appends duplicate .marquee__children copies
   and sets the active keyframe + duration. reversed:true scrolls left
   (x: 0 -> -childWidth). ease "none" => linear. --marquee-shift is the
   pixel width of one copy, set by app.js. */
@keyframes marquee__scroll-left {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(var(--marquee-shift, -100%), 0, 0); }
}
@keyframes marquee__scroll-right {
  from { transform: translate3d(var(--marquee-shift, -100%), 0, 0); }
  to   { transform: translate3d(0, 0, 0); }
}

/* =====================================================================
   Mobile menu fallback (hand-written).
   The original sized/positioned the bottom nav pill via GSAP on mobile
   (<768px) with no CSS fallback. These rules give a clean, framework-free
   equivalent: a fixed bottom-centre pill whose link list is hidden until
   the Menu button is tapped (.is-open). Desktop (>=768px) is untouched —
   the original min-width:768px rules fully take over there.
   ===================================================================== */
@media (max-width: 767.98px) {
  .header__navigation-container {
    position: fixed; left: 0; right: 0; bottom: 1.0714285714rem;
    z-index: 5; display: flex; justify-content: center;
    align-items: flex-end; pointer-events: none;
  }
  .header__navigation {
    position: relative; pointer-events: all;
    background-color: #fff7ee; border-radius: 1.4285714286rem;
    padding: .2857142857rem; overflow: hidden;
    box-shadow: 0 .2857142857rem 1.4285714286rem rgba(36,52,29,.18);
  }
  .header__navigation-wrapper {
    max-height: 0; overflow: hidden;
    transition: max-height .35s ease;
  }
  .header__navigation.is-open .header__navigation-wrapper {
    max-height: 24rem;
  }
  .header__navigation-list {
    list-style: none; margin: 0;
    padding: .5714285714rem .8571428571rem;
    background-color: #24341d; border-radius: 1rem;
    margin-bottom: .2857142857rem; text-align: center;
  }
  .header__navigation-item { display: block; }
  .header__navigation-link {
    display: block; padding: .4285714286rem 1rem;
    font-family: Aeonik-Medium, sans-serif; font-size: 1rem;
    line-height: 2; color: #737e6d; text-decoration: none;
  }
  .header__navigation-link.header--active,
  .header__navigation-link:hover { color: #fff7ee; }
  .header__navigation-button {
    display: flex; justify-content: center; align-items: center;
    gap: .4285714286rem; width: 100%; height: 2.8571428571rem;
    background: none; border: 0; cursor: pointer;
    font-family: Aeonik-Medium, sans-serif; color: #24341d;
  }
  .header__navigation-button-label {
    display: inline-block; font-family: Aeonik-Medium, sans-serif;
    font-size: .9285714286rem;
  }
  .header__navigation-button-icon {
    display: inline-flex; flex-direction: column; gap: .2142857143rem;
  }
  .header__navigation-button-line {
    display: block; width: 1.2857142857rem; height: .1428571429rem;
    background-color: #24341d; border-radius: 2px;
  }
}

/* Parallax target needs its own compositing layer for smooth transform. */
[data-parallax] { will-change: transform; }

/* =====================================================================
   HERO BACKGROUND (hand-written, faithful reconstruction)
   ---------------------------------------------------------------------
   The original hero filled .hero__container with a dark plant/recycling
   VIDEO (DatoCMS, injected client-side, not present in the SSR HTML and
   not available locally). With no backdrop the cream heading (#fff7ee)
   rendered invisible on the #fffefc page. We reproduce the SOURCE INTENT
   — light text over a darker plant/nature image — using the only local
   landscape photo (the releaf recycling shot), darkened with the brand
   ink-green (#24341d) so the headline is legible and looks intentional.
   The clover flower, image-detail and video thumbnail stay layered on top.
   ===================================================================== */
.hero__container {
  background-color: #24341d;
  background-image:
    linear-gradient(180deg, rgba(36,52,29,.55) 0%, rgba(36,52,29,.42) 45%, rgba(36,52,29,.62) 100%),
    image-set(
      url(images/1726771604-releaf_about2_recycling-1_4.jpg) 1x,
      url(images/1726771604-releaf_about2_recycling-1.jpg) 2x);
  background-image:
    linear-gradient(180deg, rgba(36,52,29,.55) 0%, rgba(36,52,29,.42) 45%, rgba(36,52,29,.62) 100%),
    url(images/1726771604-releaf_about2_recycling-1_4.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center 38%;
  background-size: cover, cover;
}
/* Heading + decorative layers ride above the backdrop. */
.hero__heading { z-index: 2; text-shadow: 0 .0714285714rem 2.1428571429rem rgba(36,52,29,.45); }
.hero__flower  { z-index: 1; opacity: .26; }
.hero__image-detail,
.hero__video-thumnbnail { z-index: 3; }

/* =====================================================================
   STICKY-CARDS BACKGROUND (hand-written, faithful reconstruction)
   ---------------------------------------------------------------------
   The original .sticky-cards__image carried a full-bleed feedstock photo
   (corn field, remote-only / missing) behind the pinned cards, with the
   left-edge darkening gradient already defined in .sticky-cards__image:after.
   We restore a real photographic backdrop with the local recycling shot so
   the cream heading/paragraph and the floating cards read against an image,
   not blank cream. The :after dark wash (already in source CSS) keeps the
   white text legible.
   ===================================================================== */
.sticky-cards__image {
  background-color: #24341d;
  background-image:
    linear-gradient(105deg, rgba(36,52,29,.66) 0%, rgba(36,52,29,.34) 42%, rgba(36,52,29,.12) 70%, rgba(36,52,29,.08) 100%),
    url(images/1726771604-releaf_about2_recycling-1_5.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: cover, cover;
}