main{display:flex;flex-direction:column}.hero{order:1}.values{order:2}.gallery{order:3}.studio-layout{order:4}.gallery{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center}.portfolio-carousel{position:relative;min-width:0;padding:0 51px}.portfolio-carousel .tattoo-grid{display:flex;grid-template-columns:none;height:auto;gap:8px;padding:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.portfolio-carousel .tattoo-grid::-webkit-scrollbar{display:none}.portfolio-carousel .tile{flex:0 0 calc((100% - 32px)/5);min-height:0;aspect-ratio:3/4;scroll-snap-align:start}.carousel-arrow{position:absolute;z-index:3;top:50%;width:38px;height:54px;transform:translateY(-50%);border:1px solid #c99a36;background:#0b0c0de6;color:#e2b54d;font-size:2.1rem;line-height:1;cursor:pointer;transition:.2s}.carousel-arrow:hover:not(:disabled){background:#c99a36;color:#0c0d0d}.carousel-arrow:disabled{opacity:.25;cursor:default}.carousel-prev{left:0}.carousel-next{right:0}@media(max-width:1050px){.gallery{grid-template-columns:1fr}.gallery-copy{width:auto;padding:0 0 26px}.portfolio-carousel .tile{flex-basis:calc((100% - 24px)/4)}}@media(max-width:760px){.portfolio-carousel{padding:0 38px}.portfolio-carousel .tattoo-grid{gap:5px;padding:5px}.portfolio-carousel .tile{flex-basis:calc((100% - 5px)/2)}.carousel-arrow{width:30px;height:44px;font-size:1.7rem}.gallery{display:block}}