@font-face{font-family:'Belleza';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/belleza-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Belleza';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/belleza-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-greek-ext.woff2') format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-greek.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --acai-rgb:90,28,65;
  --creme-rgb:255,252,233;
  --acai:rgb(var(--acai-rgb));
  --creme:rgb(var(--creme-rgb));
  --ground:#ffffff;
  --energy:#4095e6;
  --fruits:#ff5849;
  --matcha:#8ba631;
  --granola:#ab7943;

  --mix-violet:#b59dec;
  --mix-orange:#ff7b31;
  --mix-pink:#f5a4c8;
  --mix-yellow:#f2d75d;
  --mix-teal:#5ac7c3;

  --mix-violet-ink:#5b3fa8;
  --mix-orange-ink:#b34400;
  --mix-pink-ink:#a53a6d;
  --mix-yellow-ink:#8a6b00;

  --ink:#000000;
  --ink-80:#575756;
  --ink-40:#b2b2b2;
  --ink-10:#ededed;
  --paper:#ffffff;

  --line:rgba(var(--acai-rgb),.22);
  --line-strong:rgba(var(--acai-rgb),.5);

  --font-display:'Belleza',Georgia,serif;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:144px;

  --pad:clamp(20px,4.6vw,72px);
  --wide:1680px;
  --nav-h:84px;
  --band:clamp(64px,9vw,150px);
  --slide-max:clamp(56px,6vw,104px);

  --ease-reveal:cubic-bezier(.5,.08,.22,1);
  --ease-hover:cubic-bezier(.16,1,.3,1);
  --ease-long:cubic-bezier(.22,.61,.36,1);
  --ease-pop:cubic-bezier(.34,1.56,.64,1);
  --t-reveal:1800ms;
  --t-hover:160ms;

  --motion-amp:1;
  --motion-end:.45;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
[id]{scroll-margin-top:calc(var(--nav-h) + 24px)}
body{
  font-family:var(--font);
  background:var(--ground);
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:transparent;appearance:none;-webkit-appearance:none;border:0;cursor:pointer}
ul{list-style:none}
sup{font-size:.48em;line-height:1;vertical-align:.86em;font-weight:inherit;letter-spacing:0}

:focus-visible{outline:2px solid var(--acai);outline-offset:3px}
.on-dark :focus-visible{outline-color:var(--creme)}

.t-display{font-weight:700;text-transform:uppercase;font-size:clamp(46px,8.6vw,124px);line-height:.9;letter-spacing:-.035em}
.t-statement{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,4.9vw,64px);line-height:1.14;letter-spacing:-.005em}
.t-section{font-weight:700;text-transform:uppercase;font-size:clamp(30px,4.3vw,58px);line-height:.96;letter-spacing:-.025em;color:var(--acai)}
.t-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;font-weight:500}
.t-section + .t-lead{margin-top:var(--s5)}
.t-body{font-size:16px;line-height:1.62}
.t-label{font-weight:700;text-transform:uppercase;font-size:12.5px;letter-spacing:.075em;line-height:1.35}

.wrap{max-width:var(--wide);margin:0 auto;padding-inline:var(--pad)}
.rule{height:1px;background:var(--line);border:0}
.band{padding-block:var(--band)}
.page-band{padding-block:var(--s7) var(--band)}
@media screen{
  body:has(> .page){display:flex;flex-direction:column;min-height:100svh}
  .page{flex-grow:1}
}

.sprite{position:absolute;width:0;height:0;overflow:hidden}

@media (max-width:860px){
  :root{--nav-h:68px;--motion-amp:.5}
}
@media (max-width:520px){
  .t-display{font-size:clamp(38px,13vw,64px)}
}