.marquee{grid-area:2/4/3/-1;font-style:italic;overflow-y:clip}.intro{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(7,1fr);align-self:center;width:100%;height:100%;display:grid;overflow:hidden}@media (width>=1101px){.intro{padding-top:0;padding-bottom:6rem}}.intro__name{color:var(--heading-color);font-size:clamp(7rem,14vw,24rem);line-height:.9}.intro__name--01{grid-area:1/1/3/4}@media (width<=600px){.intro__name--01{grid-row:1/4}}.intro__name--02{grid-row:4/6;align-self:end}.intro__name--02,.intro__name--03{z-index:1;pointer-events:none;grid-column:4/8}.intro__name--03{white-space:nowrap;grid-row:6/8}.intro__artboard{aspect-ratio:1;border-radius:var(--border-radius);border:var(--border);background-size:3px 3px;background-image:linear-gradient(45deg,var(--text) 25%,transparent 25%,transparent 75%,#000 75%,#000);width:1.9ex;margin-left:calc(-1*max(2vw,15px));animation:7s linear infinite alternate background-size;display:inline-block;position:relative}@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{color:#201e1e;background-color:var(--accent);border-radius:var(--border-radius);text-transform:capitalize;grid-area:8/1/9/-1;place-self:end start;padding:8px 12px;text-decoration:none;transition:all .5s}@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;transition-duration:1s;transform:translateY(5px)}}@media (pointer:coarse) and (prefers-reduced-motion:reduce){.intro__link:active{transform:unset}}#intro__particles{isolation:isolate;border-radius:var(--border-radius);grid-area:2/1/8/5;width:100%;height:100%;overflow:hidden}@media (width<=600px){#intro__particles{grid-column:2/7}}.intro__particles-placeholder{isolation:isolate;border-radius:var(--border-radius);grid-area:2/1/8/5;width:100%;height:100%;overflow:hidden}@media (width<=600px){.intro__particles-placeholder{grid-column:2/7}}