@media screen and (max-width:989px){.portfolio-page{display:flex;flex-direction:column-reverse}.project-info{width:100%;padding:1.5rem;position:sticky;bottom:0}}.portfolio-title{margin-top:0}.project-products a{text-transform:uppercase;text-decoration:none;color:inherit;position:relative;display:inline-block}.project-products a:after{content:"";position:absolute;left:0;bottom:0;height:.1rem;width:0;background-color:currentColor;transition:width .3s ease}.project-products a:hover:after{width:100%}.article-content{margin-top:4rem}.project-media{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:0;grid-auto-flow:row dense}@media screen and (min-width:990px){.portfolio-page{display:flex;flex-direction:row}.project-info{width:30%;height:100vh;position:sticky;top:0;padding:2.5rem 4rem}.project-media{width:70%}}.project-media>.collage-media__item.is-large{grid-column:span 2}.collage-media__item{overflow:hidden}.collage-media__item{aspect-ratio:3 / 4}.collage-media__item.is-large{aspect-ratio:16 / 9}.collage-media__item img{height:100%;width:100%;object-fit:cover}.video-wrap{position:relative;overflow:hidden}.video-wrap video{width:100%;height:auto}.video-btn{position:absolute;inset:auto 1rem 1rem auto;z-index:1;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;background:color-mix(in oklab,var(--color-background, #111) 65%,transparent);color:var(--color-foreground, #fff);border:0;cursor:pointer}.pf-vid-toggle[aria-pressed=true] .pf-vid-play,.pf-vid-toggle[aria-pressed=false] .pf-vid-pause{display:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/portfolio-page.css.map */