.sg-portfolio{padding-block:4rem}.sg-portfolio__intro{max-width:78rem;margin:0 auto 4rem;text-align:center}.sg-portfolio__intro h2{font-size:clamp(3rem,5vw,4.8rem)}.sg-portfolio__intro .link{display:block;margin-top:1.8rem}.sg-portfolio__project{border-top:1px solid rgba(var(--color-foreground),.2);padding-block:3.5rem}.sg-portfolio__project h3{font-size:clamp(2.6rem,3vw,3.6rem);margin:0 0 1.2rem}.sg-portfolio__description{max-width:80rem;margin-bottom:2.4rem}.sg-portfolio__gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.sg-portfolio__figure{margin:0;min-width:0}.sg-portfolio__image-link{display:block;position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:8px;background:rgba(var(--color-foreground),.04)}.sg-portfolio__image-link:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:4px}.sg-portfolio__image-link img{display:block;width:100%;height:100%;object-fit:contain}.sg-portfolio__image-link--keepsake img{position:absolute;max-width:none;width:208.5517%;height:auto;left:-53.7931%;top:-50%;object-fit:initial}.sg-portfolio__image-link--keepsake{aspect-ratio:1450/1900}.sg-portfolio figcaption{font-size:1.4rem;line-height:1.5;padding:1rem 0 2rem}.sg-portfolio__project--featured{padding:3rem;margin-block:3rem;border:1px solid rgba(var(--color-foreground),.3);border-radius:12px;background:rgba(var(--color-foreground),.035)}.sg-portfolio__outro{text-align:center;padding-block:3rem}.sg-portfolio__outro p{max-width:65rem;margin-inline:auto}@media(max-width:989px){.sg-portfolio__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.sg-portfolio__gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.4rem;padding:5px 5px 1rem}.sg-portfolio__figure{flex:0 0 85%;scroll-snap-align:start}.sg-portfolio__project--featured{padding:2rem 1.4rem}.sg-portfolio__project{padding-block:2.5rem}}@media(max-width:749px){.sg-portfolio__gallery:focus-within{scroll-snap-type:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/sg-portfolio.css.map */