.profile{display:grid;grid-template-columns:minmax(3rem,3vw) 30rem 1fr;grid-template-rows:repeat(2,minmax(15rem,3vw)) min-content;max-width:110rem}@media only screen and (max-width:800px){.profile{grid-template-columns:1fr 8fr 1fr;grid-template-rows:minmax(15rem,3vw) repeat(2,min-content)}}.profile__picture{background-color:var(--background);border:var(--border);border-radius:var(--border-radius);filter:hue-rotate(334deg) brightness(1.1) grayscale(.5);overflow:hidden}.profile__picture,.profile__picture-overlay{aspect-ratio:1/1;grid-column:2/3;grid-row:1/3;isolation:isolate;max-height:40vh}.profile__picture-overlay{background-color:var(--brand);opacity:.1}.profile__quotation-bg{background-image:repeating-radial-gradient(circle closest-side,transparent,transparent 50%,hsla(var(--hue),calc(var(--saturation)/4),70%,.6) 75%,transparent 75%);background-size:100%;border:var(--border);border-radius:var(--border-radius);grid-column:1/4;grid-row:2/4;padding:4rem}@keyframes backgroundSize{0%{background-size:100%}to{background-size:1.5%}}@media (prefers-reduced-motion:no-preference){.profile__quotation-bg{animation:backgroundSize 10s ease-in-out infinite alternate}}.profile__quotation{color:var(--heading-color);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--font-weight-normal);grid-column:1/4;grid-row:3/4;line-height:1.4;line-height:1.3;padding:3rem;position:relative}.profile__word{font-weight:700}.profile__word--code{font-family:monospace,"monospace fallback"}.profile__word--design{font-style:italic;font-weight:100}.timeline{display:grid;gap:2rem;grid-template-columns:1fr min-content 1fr;list-style:none}.timeline__line,.timeline__today{grid-column:2/3;grid-row:2/8}.timeline__line{background-image:linear-gradient(to bottom,var(--text),transparent);border-radius:var(--border-radius);justify-self:center;margin-top:3rem;transition:all .2s ease;width:var(--border-width)}.timeline__left{grid-column:1/2}.timeline__left--1{grid-row:2/3}.timeline__left--2{grid-row:4/5}.timeline__left--3{grid-row:6/7}.timeline__right{grid-column:3/4}.timeline__right--1{grid-row:3/4}.timeline__right--2{grid-row:5/6}.timeline__right--3{grid-row:7/8}@media (max-width:767px){.timeline{grid-template-columns:min-content 1fr}.timeline__today{display:none}.timeline__line{grid-column:1/2;justify-self:start;margin-top:0}.timeline__left,.timeline__right{grid-column:2/3}}