:root{--player-track-height:16px;--player-track-border:4px;--player-track-bg-color:hsla(0,0%,98%,.15);--player-track-bg-color-played:#ccc;--player-thumb-size:1.5rem;--player-thumb-bg-color:#ccc}.player-timeline{--tw-bg-opacity:.1 position:relative;align-items:center;cursor:pointer;display:flex;padding:12px;width:100%}@media (min-width:768px){.player-timeline{padding:8px}}.player-timeline__slider-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--player-track-bg-color);background-color:#42424280;border-radius:50rem;height:var(--player-track-height);position:relative;width:100%}.player-timeline__slider-inner-track{border-radius:50rem;height:calc(100% - var(--player-track-border));left:calc(var(--player-track-border)/2);overflow:hidden;position:relative;top:calc(var(--player-track-border)/2);width:calc(100% - var(--player-track-border));z-index:1}.player-timeline__slider-thumb{height:var(--player-track-height);position:absolute;width:var(--player-track-height);z-index:10}.player-timeline__slider-thumb-handle{background-color:var(--player-thumb-bg-color);border-radius:50rem;height:var(--player-thumb-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease-out;width:var(--player-thumb-size);z-index:10}.player-timeline__slider-buffered,.player-timeline__slider-scrubbed,.player-timeline__slider-seeked{background:currentColor;border-radius:50rem;height:100%;left:0;margin-left:calc(-100% + var(--player-track-height));position:absolute;width:100%}.player-timeline__slider-scrubbed{background-color:var(--player-track-bg-color-played);display:flex;min-width:var(--player-track-height);z-index:1}.player-timeline__slider-seeked{opacity:.5}.player-timeline__slider-buffered{opacity:.15}.player-timeline:hover .player-timeline__slider-thumb-handle{transform:translate(-50%,-50%) scale(1)}.video-loop{background-color:#313131;height:100%;position:relative;width:100%}.video-loop img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.project-gallery__slide{aspect-ratio:5/4;overflow:hidden;position:relative}@media (min-width:768px){.project-gallery__slide{aspect-ratio:2/1}}.project-gallery__slide video{min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;position:absolute}.base-tag{background-color:#313131;border-radius:1rem;color:#b1b1b1;font-family:Soehne,system-ui,-apple-system,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:425;height:1.6875rem;letter-spacing:.02em;line-height:1.125rem;padding:4px 12px 0;white-space:nowrap}@media (min-width:768px){.base-tag{font-size:1rem;height:2rem;letter-spacing:.02em;line-height:1rem;padding-top:7px}}.project-card{--project-card_header-height:var(--project-card_header-height-mob);--project-card_header-height-neg:calc(var(--project-card_header-height)*-1);--project-card_gallery-width: calc(min(100vw, 1350px) - 1rem) ;--project-card_gallery-height:calc(var(--project-card_gallery-width)*.8 + var(--project-card_header-height));--project-card_gallery-height-neg:calc(var(--project-card_gallery-height)*-1)}@media (min-width:768px){.project-card{--project-card_header-height:128px;--project-card_gallery-height:calc(var(--project-card_gallery-width)/2 + var(--project-card_header-height))}}.project-card__description{top:var(--project-card_gallery-height);transform:translateY(var(--project-card_gallery-height-neg))}.project-card__description__header{top:calc(var(--project-card_gallery-height) - 1px)}.project-card__description__header:after{background:linear-gradient(180deg,#1c1c1c,transparent);bottom:-15px;content:"";height:1.5rem;left:0;position:absolute;width:100%}.project-card__description__body{margin-bottom:var(--project-card_header-height-neg)}.project-card__gallery{padding-top:var(--project-card_header-height)}.project-card__gallery__wrapper{position:relative}.project-card__gallery__wrapper:before{background:linear-gradient(0,#1c1c1c,transparent);content:"";height:1.5rem;left:0;position:absolute;top:-23px;width:100%}
