@font-face{
font-family:'Space Grotesk';
src:url(/assets/fonts/ft/space-grotesk.woff2) format('woff2');
font-weight:300 700;
font-display:swap;
}
@font-face{
font-family:'Big Shoulders Text';
src:url(/assets/fonts/ft/big-shoulders-text.woff2) format('woff2');
font-weight:100 900;
font-display:swap;
}
@font-face{
font-family:'Sora';
src:url(/assets/fonts/ft/sora.woff2) format('woff2');
font-weight:100 800;
font-display:swap;
}
html[data-ft="space"]{
--ff1:'Space Grotesk',sans-serif;
--ff2:'Space Grotesk',sans-serif;
--ff4:'Space Grotesk',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:700;
--fl1:-.04em;
--fc1:uppercase;
--fz5:clamp(0.85rem,6.5vw,2.6rem);
--fz6:clamp(0.85rem,5.7vw,1.9rem);
--fh1:clamp(1.9rem,4.8vw,3.6rem);
--fh2:clamp(1.45rem,2.5vw,2rem);
}
html[data-ft="space-shoulders"]{
--ff1:'Big Shoulders Text',sans-serif;
--ff2:'Space Grotesk',sans-serif;
--ff4:'Big Shoulders Text',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:500;
--fw2:700;
--fl1:-.025em;
--fc1:uppercase;
--fz5:clamp(0.918rem,7.02vw,2.808rem);
--fz6:clamp(0.918rem,6.156vw,2.052rem);
--fh1:clamp(2.052rem,5.184vw,3.888rem);
--fh2:clamp(1.566rem,2.7vw,2.16rem);
}
html[data-ft="space-sora"]{
--ff1:'Sora',sans-serif;
--ff2:'Space Grotesk',sans-serif;
--ff4:'Sora',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:700;
--fl1:.025em;
--fc1:uppercase;
--fz5:clamp(0.816rem,6.24vw,2.496rem);
--fz6:clamp(0.816rem,5.472vw,1.824rem);
--fh1:clamp(1.824rem,4.608vw,3.456rem);
--fh2:clamp(1.392rem,2.4vw,1.92rem);
}
html[data-ft="shoulders"]{
--ff1:'Big Shoulders Text',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Big Shoulders Text',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:500;
--fw2:900;
--fl1:.025em;
--fc1:uppercase;
--fz5:clamp(0.95rem,8.32vw,3.328rem);
--fz6:clamp(0.95rem,7.296vw,2.432rem);
--fh1:clamp(2.432rem,6.144vw,4.608rem);
--fh2:clamp(1.856rem,3.2vw,2.56rem);
}
html[data-ft="shoulders-space"]{
--ff1:'Space Grotesk',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Space Grotesk',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:800;
--fl1:.015em;
--fc1:uppercase;
--fz5:clamp(0.95rem,8.775vw,3.51rem);
--fz6:clamp(0.95rem,7.695vw,2.565rem);
--fh1:clamp(2.565rem,6.48vw,4.86rem);
--fh2:clamp(1.958rem,3.375vw,2.7rem);
}
html[data-ft="shoulders-sora"]{
--ff1:'Sora',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Sora',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:700;
--fl1:.035em;
--fc1:none;
--fz5:clamp(0.95rem,8.125vw,3.25rem);
--fz6:clamp(0.95rem,7.125vw,2.375rem);
--fh1:clamp(2.375rem,6vw,4.5rem);
--fh2:clamp(1.812rem,3.125vw,2.5rem);
}
html[data-ft="sora"]{
--ff1:'Sora',sans-serif;
--ff2:'Sora',sans-serif;
--ff4:'Sora',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:800;
--fl1:-.045em;
--fc1:uppercase;
--fz5:clamp(0.816rem,6.24vw,2.496rem);
--fz6:clamp(0.816rem,5.472vw,1.824rem);
--fh1:clamp(1.824rem,4.608vw,3.456rem);
--fh2:clamp(1.392rem,2.4vw,1.92rem);
}
html[data-ft="sora-space"]{
--ff1:'Space Grotesk',sans-serif;
--ff2:'Sora',sans-serif;
--ff4:'Space Grotesk',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:800;
--fl1:-.06em;
--fc1:uppercase;
--fz5:clamp(0.867rem,6.63vw,2.652rem);
--fz6:clamp(0.867rem,5.814vw,1.938rem);
--fh1:clamp(1.938rem,4.896vw,3.672rem);
--fh2:clamp(1.479rem,2.55vw,2.04rem);
}
html[data-ft="sora-shoulders"]{
--ff1:'Big Shoulders Text',sans-serif;
--ff2:'Sora',sans-serif;
--ff4:'Big Shoulders Text',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:500;
--fw2:800;
--fl1:.02em;
--fc1:uppercase;
--fz5:clamp(0.799rem,6.11vw,2.444rem);
--fz6:clamp(0.799rem,5.358vw,1.786rem);
--fh1:clamp(1.786rem,4.512vw,3.384rem);
--fh2:clamp(1.363rem,2.35vw,1.88rem);
}
html[data-ft="space-solid"]{
--ff1:'Space Grotesk',sans-serif;
--ff2:'Space Grotesk',sans-serif;
--ff4:'Space Grotesk',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:700;
--fl1:-.055em;
--fc1:uppercase;
--fz5:clamp(0.918rem,7.02vw,2.808rem);
--fz6:clamp(0.918rem,6.156vw,2.052rem);
--fh1:clamp(2.052rem,5.184vw,3.888rem);
--fh2:clamp(1.566rem,2.7vw,2.16rem);
}
html[data-ft="space-clean"]{
--ff1:'Sora',sans-serif;
--ff2:'Space Grotesk',sans-serif;
--ff4:'Sora',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:600;
--fl1:-.03em;
--fc1:none;
--fz5:clamp(0.85rem,6.5vw,2.6rem);
--fz6:clamp(0.85rem,5.7vw,1.9rem);
--fh1:clamp(1.9rem,4.8vw,3.6rem);
--fh2:clamp(1.45rem,2.5vw,2rem);
}
html[data-ft="space-wide"]{
--ff1:'Big Shoulders Text',sans-serif;
--ff2:'Space Grotesk',sans-serif;
--ff4:'Big Shoulders Text',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:500;
--fw2:700;
--fl1:.065em;
--fc1:uppercase;
--fz5:clamp(0.85rem,6.5vw,2.6rem);
--fz6:clamp(0.85rem,5.7vw,1.9rem);
--fh1:clamp(1.9rem,4.8vw,3.6rem);
--fh2:clamp(1.45rem,2.5vw,2rem);
}
html[data-ft="shoulders-tight"]{
--ff1:'Space Grotesk',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Space Grotesk',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:900;
--fl1:-.025em;
--fc1:uppercase;
--fz5:clamp(0.95rem,8.775vw,3.51rem);
--fz6:clamp(0.95rem,7.695vw,2.565rem);
--fh1:clamp(2.565rem,6.48vw,4.86rem);
--fh2:clamp(1.958rem,3.375vw,2.7rem);
}
html[data-ft="shoulders-open"]{
--ff1:'Sora',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Sora',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:900;
--fl1:.055em;
--fc1:uppercase;
--fz5:clamp(0.95rem,8.32vw,3.328rem);
--fz6:clamp(0.95rem,7.296vw,2.432rem);
--fh1:clamp(2.432rem,6.144vw,4.608rem);
--fh2:clamp(1.856rem,3.2vw,2.56rem);
}
html[data-ft="shoulders-bold"]{
--ff1:'Big Shoulders Text',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Big Shoulders Text',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:500;
--fw2:700;
--fl1:.015em;
--fc1:uppercase;
--fz5:clamp(0.95rem,8.58vw,3.432rem);
--fz6:clamp(0.95rem,7.524vw,2.508rem);
--fh1:clamp(2.508rem,6.336vw,4.752rem);
--fh2:clamp(1.914rem,3.3vw,2.64rem);
}
html[data-ft="shoulders-clean"]{
--ff1:'Space Grotesk',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Space Grotesk',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:800;
--fl1:-.01em;
--fc1:none;
--fz5:clamp(0.95rem,8.45vw,3.38rem);
--fz6:clamp(0.95rem,7.41vw,2.47rem);
--fh1:clamp(2.47rem,6.24vw,4.68rem);
--fh2:clamp(1.885rem,3.25vw,2.6rem);
}
html[data-ft="shoulders-max"]{
--ff1:'Sora',sans-serif;
--ff2:'Big Shoulders Text',sans-serif;
--ff4:'Sora',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:900;
--fl1:-.015em;
--fc1:uppercase;
--fz5:clamp(0.95rem,9.1vw,3.64rem);
--fz6:clamp(0.95rem,7.98vw,2.66rem);
--fh1:clamp(2.66rem,6.72vw,5.04rem);
--fh2:clamp(2.03rem,3.5vw,2.8rem);
}
html[data-ft="sora-clean"]{
--ff1:'Sora',sans-serif;
--ff2:'Sora',sans-serif;
--ff4:'Sora',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:700;
--fl1:-.035em;
--fc1:none;
--fz5:clamp(0.85rem,6.5vw,2.6rem);
--fz6:clamp(0.85rem,5.7vw,1.9rem);
--fh1:clamp(1.9rem,4.8vw,3.6rem);
--fh2:clamp(1.45rem,2.5vw,2rem);
}
html[data-ft="sora-bold"]{
--ff1:'Space Grotesk',sans-serif;
--ff2:'Sora',sans-serif;
--ff4:'Space Grotesk',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:400;
--fw2:800;
--fl1:.025em;
--fc1:uppercase;
--fz5:clamp(0.833rem,6.37vw,2.548rem);
--fz6:clamp(0.833rem,5.586vw,1.862rem);
--fh1:clamp(1.862rem,4.704vw,3.528rem);
--fh2:clamp(1.421rem,2.45vw,1.96rem);
}
html[data-ft="sora-heavy"]{
--ff1:'Big Shoulders Text',sans-serif;
--ff2:'Sora',sans-serif;
--ff4:'Big Shoulders Text',sans-serif;
--fs1:100%;
--fs2:100%;
--fw1:500;
--fw2:800;
--fl1:-.055em;
--fc1:uppercase;
--fz5:clamp(0.884rem,6.76vw,2.704rem);
--fz6:clamp(0.884rem,5.928vw,1.976rem);
--fh1:clamp(1.976rem,4.992vw,3.744rem);
--fh2:clamp(1.508rem,2.6vw,2.08rem);
}
html[data-ft="space"]{
--tk:0.9;
}
html[data-ft="space-sora"]{
--tk:0.79;
}
html[data-ft="shoulders-space"]{
--tk:0.9;
}
html[data-ft="shoulders-sora"]{
--tk:0.79;
}
html[data-ft="sora"]{
--tk:0.79;
}
html[data-ft="sora-space"]{
--tk:0.9;
}
html[data-ft="space-solid"]{
--tk:0.9;
}
html[data-ft="space-clean"]{
--tk:0.79;
}
html[data-ft="shoulders-tight"]{
--tk:0.9;
}
html[data-ft="shoulders-open"]{
--tk:0.79;
}
html[data-ft="shoulders-clean"]{
--tk:0.9;
}
html[data-ft="shoulders-max"]{
--tk:0.79;
}
html[data-ft="sora-clean"]{
--tk:0.79;
}
html[data-ft="sora-bold"]{
--tk:0.9;
}
@media(max-width:1305px){
html[data-ft="space-sora"]{
--tk:0.81;
}
html[data-ft="shoulders-sora"]{
--tk:0.81;
}
html[data-ft="sora"]{
--tk:0.81;
}
html[data-ft="space-clean"]{
--tk:0.81;
}
html[data-ft="shoulders-open"]{
--tk:0.81;
}
html[data-ft="shoulders-max"]{
--tk:0.81;
}
html[data-ft="sora-clean"]{
--tk:0.81;
}
}
@media(max-width:1120px){
html[data-ft="space"]{
--tk:0.92;
}
html[data-ft="space-sora"]{
--tk:0.83;
}
html[data-ft="shoulders-space"]{
--tk:0.92;
}
html[data-ft="shoulders-sora"]{
--tk:0.83;
}
html[data-ft="sora"]{
--tk:0.83;
}
html[data-ft="sora-space"]{
--tk:0.92;
}
html[data-ft="space-solid"]{
--tk:0.92;
}
html[data-ft="space-clean"]{
--tk:0.83;
}
html[data-ft="shoulders-tight"]{
--tk:0.92;
}
html[data-ft="shoulders-open"]{
--tk:0.83;
}
html[data-ft="shoulders-clean"]{
--tk:0.92;
}
html[data-ft="shoulders-max"]{
--tk:0.83;
}
html[data-ft="sora-clean"]{
--tk:0.83;
}
html[data-ft="sora-bold"]{
--tk:0.92;
}
}
@media(max-width:915px){
html[data-ft="space"]{
--tk:1;
}
html[data-ft="space-sora"]{
--tk:1;
}
html[data-ft="shoulders-space"]{
--tk:1;
}
html[data-ft="shoulders-sora"]{
--tk:1;
}
html[data-ft="sora"]{
--tk:1;
}
html[data-ft="sora-space"]{
--tk:1;
}
html[data-ft="space-solid"]{
--tk:1;
}
html[data-ft="space-clean"]{
--tk:1;
}
html[data-ft="shoulders-tight"]{
--tk:1;
}
html[data-ft="shoulders-open"]{
--tk:1;
}
html[data-ft="shoulders-clean"]{
--tk:1;
}
html[data-ft="shoulders-max"]{
--tk:1;
}
html[data-ft="sora-clean"]{
--tk:1;
}
html[data-ft="sora-bold"]{
--tk:1;
}
}
@media(max-width:580px){
html[data-ft="space"]{
--tk:0.99;
}
html[data-ft="space-sora"]{
--tk:0.9;
}
html[data-ft="shoulders-space"]{
--tk:0.99;
}
html[data-ft="shoulders-sora"]{
--tk:0.9;
}
html[data-ft="sora"]{
--tk:0.9;
}
html[data-ft="sora-space"]{
--tk:0.99;
}
html[data-ft="space-solid"]{
--tk:0.99;
}
html[data-ft="space-clean"]{
--tk:0.9;
}
html[data-ft="shoulders-tight"]{
--tk:0.99;
}
html[data-ft="shoulders-open"]{
--tk:0.9;
}
html[data-ft="shoulders-clean"]{
--tk:0.99;
}
html[data-ft="shoulders-max"]{
--tk:0.9;
}
html[data-ft="sora-clean"]{
--tk:0.9;
}
html[data-ft="sora-bold"]{
--tk:0.99;
}
}
@media(max-width:420px){
html[data-ft="space"]{
--tk:0.87;
}
html[data-ft="space-sora"]{
--tk:0.81;
}
html[data-ft="shoulders-space"]{
--tk:0.87;
}
html[data-ft="shoulders-sora"]{
--tk:0.81;
}
html[data-ft="sora"]{
--tk:0.81;
}
html[data-ft="sora-space"]{
--tk:0.87;
}
html[data-ft="space-solid"]{
--tk:0.87;
}
html[data-ft="space-clean"]{
--tk:0.81;
}
html[data-ft="shoulders-tight"]{
--tk:0.87;
}
html[data-ft="shoulders-open"]{
--tk:0.81;
}
html[data-ft="shoulders-clean"]{
--tk:0.87;
}
html[data-ft="shoulders-max"]{
--tk:0.81;
}
html[data-ft="sora-clean"]{
--tk:0.81;
}
html[data-ft="sora-bold"]{
--tk:0.87;
}
}
@media(max-width:370px){
html[data-ft="space"]{
--tk:0.89;
}
html[data-ft="space-sora"]{
--tk:0.82;
}
html[data-ft="shoulders-space"]{
--tk:0.89;
}
html[data-ft="shoulders-sora"]{
--tk:0.82;
}
html[data-ft="sora"]{
--tk:0.82;
}
html[data-ft="sora-space"]{
--tk:0.89;
}
html[data-ft="space-solid"]{
--tk:0.89;
}
html[data-ft="space-clean"]{
--tk:0.82;
}
html[data-ft="shoulders-tight"]{
--tk:0.89;
}
html[data-ft="shoulders-open"]{
--tk:0.82;
}
html[data-ft="shoulders-clean"]{
--tk:0.89;
}
html[data-ft="shoulders-max"]{
--tk:0.82;
}
html[data-ft="sora-clean"]{
--tk:0.82;
}
html[data-ft="sora-bold"]{
--tk:0.89;
}
}
html[data-ft]{
font-weight:var(--fw1);
}
html[data-ft] h1,html[data-ft] h2,html[data-ft] h3{
font-weight:var(--fw2);
font-stretch:var(--fs2);
letter-spacing:var(--fl1);
text-transform:var(--fc1);
}
html[data-ft] .brand{
font-weight:var(--fw2);
letter-spacing:var(--fl1);
text-transform:var(--fc1);
}
html[data-ft] .brand b{
font-weight:inherit;
}
html[data-ft] .c-name a{
font-stretch:var(--fs1);
font-size:calc(var(--fz3)*var(--tk));
}
@media(max-width:580px){
html[data-ft] .c-name a{
font-size:calc(var(--fz2)*var(--tk));
}
}
@media(max-width:330px){
html[data-ft] .c-name a{
font-size:calc(var(--fz1)*var(--tk));
}
}
.ft-toast{
position:fixed;
left:50%;
bottom:var(--sp5);
z-index:100;
transform:translateX(-50%);
padding:var(--sp3) var(--sp5);
background:var(--bg3);
border:1px solid var(--bg4);
color:var(--tx1);
font:600 var(--fz1)/1.4 var(--ff1);
max-width:calc(100% - 32px);
width:max-content;
text-align:center;
overflow-wrap:anywhere;
pointer-events:none;
transition:opacity 0.3s;
}
.ft-toast b{
color:var(--cl1);
font-family:var(--ff1);
}
.ft-toast[data-off]{
opacity:0;
}