.vfm-marquee-container{display:flex;flex-direction:row;overflow-x:hidden;position:relative;transform:var(--transform);width:var(--width)}.vfm-marquee-container:hover div{animation-play-state:var(--pause-on-hover)}.vfm-marquee-container:active div{animation-play-state:var(--pause-on-click)}.vfm-overlay{height:100%;position:absolute;width:100%}.vfm-overlay:after,.vfm-overlay:before{background:linear-gradient(to right,var(--gradient-color),hsla(0,0%,100%,0));content:"";height:100%;pointer-events:none;position:absolute;touch-action:none;width:var(--gradient-width);z-index:2}.vfm-overlay:after{right:0;top:0;transform:rotate(180deg)}.vfm-overlay:before{left:0;top:0}.vfm-marquee{align-items:center;animation:scroll var(--duration) linear var(--delay) var(--iteration-count);animation-delay:var(--delay);animation-direction:var(--direction);animation-play-state:var(--play);display:flex;flex:0 0 auto;flex-direction:row;min-width:var(--min-width);z-index:1}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.vfm-parent{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;min-width:auto}.vfm-parent>*{transform:var(--transform)}.marquee{font-style:italic;grid-column:4/-1;grid-row:2/3;overflow-y:clip}.intro{align-self:center;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr);height:100%;overflow:hidden;width:100%}@media (min-width:1101px){.intro{padding-bottom:6rem;padding-top:0}}.intro__name{color:var(--heading-color);font-size:clamp(7rem,14vw,24rem);line-height:.9}.intro__name--01{grid-column:1/4;grid-row:1/3}@media (max-width:600px){.intro__name--01{grid-row:1/4}}.intro__name--02{align-self:end;grid-row:4/6}.intro__name--02,.intro__name--03{grid-column:4/8;pointer-events:none;z-index:1}.intro__name--03{grid-row:6/8;white-space:nowrap}.intro__artboard{animation:background-size 7s linear infinite alternate;aspect-ratio:1/1;background-image:linear-gradient(45deg,var(--text) 25%,transparent 25%,transparent 75%,#000 75%,#000);background-size:3px 3px;border:var(--border);border-radius:var(--border-radius);display:inline-block;margin-left:calc(max(2vw,15px)*-1);position:relative;width:1.9ex}@media (prefers-reduced-motion:reduce){.intro__artboard{animation-play-state:paused}}@keyframes background-size{0%{background-size:1px 1px}to{background-size:3px 3px}}.intro__link{align-self:end;background-color:var(--accent);border-radius:var(--border-radius);color:#201e1e;grid-column:1/-1;grid-row:8/9;justify-self:start;padding:8px 12px;text-decoration:none;text-transform:capitalize;transition:all .5s ease}@media (prefers-reduced-motion:reduce){.intro__link{transition:unset}}.intro__link:focus-visible{background-color:var(--accent);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.intro__link:focus-visible{transform:unset}}@media (pointer:fine) and (hover:hover){.intro__link:hover{background-color:var(--accent);transform:translateY(-3px)}}@media (pointer:fine) and (hover:hover) and (prefers-reduced-motion:reduce){.intro__link:hover{transform:unset}}@media (pointer:fine) and (hover:hover){.intro__link:active{transform:translateY(3px)}}@media (pointer:fine) and (hover:hover) and (prefers-reduced-motion:reduce){.intro__link:active{transform:unset}}@media (pointer:coarse){.intro__link:active{background-color:#ff4331;transform:translateY(5px);transition-duration:1s}}@media (pointer:coarse) and (prefers-reduced-motion:reduce){.intro__link:active{transform:unset}}#intro__particles{border-radius:var(--border-radius);grid-column:1/5;grid-row:2/8;height:100%;isolation:isolate;overflow:hidden;width:100%}@media (max-width:600px){#intro__particles{grid-column:2/7}}.intro__particles-placeholder{border-radius:var(--border-radius);grid-column:1/5;grid-row:2/8;height:100%;isolation:isolate;overflow:hidden;width:100%}@media (max-width:600px){.intro__particles-placeholder{grid-column:2/7}}
