.horizontal-scroll-container{position:relative;width:100%}.horizontal-scroll-container:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,rgba(255,255,255,0),var(--color-bg-1));opacity:.7}.horizontal-scroll-container-items{overflow-x:auto;width:100%;padding-bottom:var(--spc-8);margin-bottom:calc(var(--spc-8) * -1);scrollbar-color:var(--color-bg-2)}.horizontal-scroll-container-items::-webkit-scrollbar{height:8px;width:100px;background-color:var(--color-bg-1)}.horizontal-scroll-container-items::-webkit-scrollbar-thumb{background:var(--color-bg-2)}.horizontal-scroll-container-items>*:last-child{margin-right:var(--spc-12)!important}.album-shelf{display:flex;gap:var(--spc-4);width:100%}.album{display:flex;flex-direction:column;flex:0 0 auto;gap:var(--spc-2);width:175px}.album-image{width:175px;height:175px;object-fit:cover;border-radius:var(--rnd-5);transition:transform .1s ease-out}.album-info{display:flex;flex-direction:column}.album:hover .album-image{transform:scale(.98)}.bookshelf-container{display:flex;gap:var(--spc-8)}.bookshelf-section{display:flex;flex-direction:column;flex:0 0 auto;gap:var(--spc-4)}.bookshelf{text-align:center;display:flex;justify-content:center;align-items:flex-start;gap:var(--spc-4)}.book:hover{transform:scale(.98)}.bookshelf .book{height:auto;width:180px;display:inline-block;position:relative;vertical-align:top;transition:all ease-in-out .2s;border-radius:0 6px 6px 0;overflow:hidden;flex:0 0 auto}.bookshelf .book .link{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right,#00000005,#0000000d .75%,#ffffff80 1%,#fff9 1.3%,#ffffff80 1.4%,#ffffff4d 1.5% 2.4%,#0000000d 2.7% 3.5%,#ffffff4d 4% 4.5%,#f4f4f41a 5.4% 99%,#90909033);box-shadow:inset 0 -1px 4px #0000001f}.bookshelf .book .cover,.bookshelf .book .text-cover{display:flex;justify-content:center;align-items:center;height:100%;border-radius:0 6px 6px 0;overflow:hidden}.bookshelf .book .cover img{min-width:100%;min-height:100%}.text-cover{background-color:var(--color-bg-2);min-height:226px;padding-left:var(--spc-1);display:flex;gap:var(--spc-1);flex-direction:column;align-items:center;justify-content:center}.text-cover p{line-height:1.2}.experience-list{display:flex;flex-direction:column;list-style:none;gap:var(--spc-1)}.experience-list-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;gap:var(--spc-4);width:var(--spc-full);padding:var(--spc-1) 0}.experience-list-item-info{align-items:center;display:flex;flex-direction:row;gap:var(--spc-3);order:3}.experience-list-item:before{content:"";display:block;flex-grow:1;height:1px;background-color:var(--color-ui-1);order:2}.experience-list-item-info-date{font-variant-numeric:tabular-nums}.experience-list-item-link-container{align-items:center;display:flex;gap:var(--spc-2)}.experience-list-item-link:hover{text-decoration:underline}.home-hero{align-items:center;display:flex;border-bottom:1px solid var(--color-ui-1);flex-direction:column;width:100%}.home-hero-text-container{padding:var(--spc-8);flex:1 1 66%;border-top:1px solid var(--color-ui-1)}.home-hero-image-container{position:relative;margin:0 auto;max-width:300px;width:100%}.home-hero-ascii-image{display:block}.home-hero-full-image{display:none;opacity:0}@media (min-width: 768px){.home-hero{flex-direction:row}.home-hero-text-container{border-top:none}.home-hero-image-container{margin:auto auto 0;border-right:1px solid var(--color-ui-1);flex:1 1 33%}.home-hero-full-image{display:block;width:100%;height:auto;position:absolute;top:0}}.race-item{align-items:center;display:flex}.race-item-info{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spc-1);width:100%}.race-item-position{order:2;display:flex;align-items:center;border-radius:var(--rnd-3);justify-content:center;background:var(--color-bg-dark);width:25px;height:25px;font-variant-numeric:normal}[data-position="1"]{background:var(--color-gold)}[data-position="2"]{background:var(--color-silver)}[data-position="3"]{background:var(--color-bronze)}@media (min-width: 768px){.race-item{flex-direction:row}.race-item-info{align-items:center;flex-direction:row}}
