.container:has(.paintings__carousel){max-width:1000px}.paintings__carousel{width:calc(100% + var(--spacing-sm) * 2);align-items:center;gap:var(--spacing-xs);margin-left:calc(var(--spacing-sm) * -1);margin-right:calc(var(--spacing-sm) * -1);display:flex}.paintings__carousel__list{flex:1;display:grid}.paintings__carousel__list>*{grid-area:1/1}.paintings__carousel__item{flex:1;grid-area:1/1;display:grid}.paintings__carousel__item>*{grid-area:1/1}.paintings__carousel__item__info__container{width:calc(100% - var(--spacing-xl));background-color:var(--color-background-dark);border-radius:var(--border-radius-lg);margin:0 auto}.paintings__carousel__item__info{z-index:1;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:calc(var(--spacing-sm) * -1);flex-direction:row;display:flex;overflow:hidden}.paintings__carousel__item__info__title{font-family:var(--font-baloo);font-size:var(--font-size-lg);color:var(--color-primary-default);margin:0}.paintings__carousel__item__info__year{font-family:var(--font-alberta);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.paintings__carousel__item__info__icon{display:none}.paintings__carousel__item__image{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);z-index:2}.paintings__carousel__item__image,.paintings__carousel__item__image picture,.paintings__carousel__item__image img{width:inherit;max-width:inherit}.paintings__carousel__item__image img{object-fit:contain;aspect-ratio:4/3!important}@media (width>=768px){.paintings__carousel__list{border:2px solid var(--color-primary-default);border-radius:var(--border-radius-lg);background-color:var(--color-background-dark)}.paintings__carousel__item__image{border-top:2px solid var(--color-primary-default);margin-bottom:0}.paintings__carousel__item__info__container{grid-template-columns:1fr repeat(2, var(--spacing-lg));background-color:#0000;width:100%;display:grid}.paintings__carousel__item__info{grid-area:1/1/auto/span 3;justify-content:center;margin-bottom:0}.paintings__carousel__item__info__title,.paintings__carousel__item__info__year{font-size:var(--font-size-xl)}.paintings__carousel__item__info__icon{border-left:2px solid var(--color-primary-default);width:var(--spacing-lg);height:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.paintings__carousel__item__info__icon:nth-of-type(2){grid-area:1/2}.paintings__carousel__item__info__icon:nth-of-type(3){grid-area:1/3}.paintings__carousel__item__image{margin-top:var(--spacing-lg)}}.container:has(.drawings__carousel){margin:var(--spacing-lg) 0;width:100vw;max-width:none}.drawings__carousel{gap:var(--spacing-xs);margin:0 calc(var(--spacing-md) * -1);display:grid;overflow:hidden}.drawings__carousel>*{grid-area:1/1}.drawings__carousel__controls{z-index:2;grid-template-columns:1fr calc(60vw - var(--spacing-md)) 1fr;gap:var(--spacing-xs);width:100vw;display:grid;overflow:hidden}.drawings__carousel__controls>*{align-self:center}.carousel__button.drawings__carousel__button__prev{margin-left:auto}.carousel__button.drawings__carousel__button__next{grid-column:3}.drawings__carousel__list{z-index:1;padding:0 20vw;transition:transform .3s linear;display:flex}.drawings__carousel__item{width:60vw;padding:0 var(--spacing-md);flex-grow:0;flex-shrink:0;align-self:center;transition:transform .3s linear;transform:scale(.67)}.drawings__carousel__item.active{transform:scale(1)}.drawings__carousel__item__info{padding:var(--spacing-xs) 0;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs);display:flex}.drawings__carousel__item__info__title,.drawings__carousel__item__info__year{font-size:calc((var(--font-size-md) + var(--font-size-lg)) / 2);margin:0}.drawings__carousel__item__info__year{font-family:var(--font-alberta);font-weight:var(--font-weight-bold)}@media (width>=1024px){.container:has(.drawings__carousel){background-image:url(/img/drawings-bg.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.drawings__carousel__controls{grid-template-columns:1fr calc(480px - var(--spacing-md)) 1fr}.drawings__carousel__list{padding:0 calc(50vw - 240px)}.drawings__carousel__item{width:480px}.drawings__carousel__item__info__title,.drawings__carousel__item__info__year{font-size:calc((var(--font-size-lg) + var(--font-size-xl)) / 2)}}
