/* Galeria em profundidade: a peça ativa avança, enquanto as vizinhas recuam. */
body{overflow-x:clip}
h1,h2{letter-spacing:-.025em;line-height:.9}
.closing h2{letter-spacing:-.03em;line-height:.94}
.carousel{overflow:visible;padding:clamp(58px,6vw,94px) 0 clamp(88px,8vw,130px);clip-path:inset(-130px 0 -160px 0)}
.slides{height:min(59vw,780px);perspective:1700px;perspective-origin:50% 44%;transform-style:preserve-3d;overflow:visible}
.slide{inset:0;margin:auto;width:min(72vw,1080px);height:100%;transform-style:preserve-3d;opacity:0;filter:brightness(.62) saturate(.68) blur(1.5px);transform:translateX(0) translateZ(-620px) scale(.7);transition:transform 1.45s cubic-bezier(.2,.72,.2,1),opacity 1.1s ease,filter 1.15s ease;will-change:transform,opacity,filter;pointer-events:none}
.slide.active{opacity:1;filter:none;transform:translateX(0) translateZ(95px) scale(1);z-index:3;pointer-events:auto}
.slide.before,.slide.after{opacity:.38;z-index:2;cursor:pointer;pointer-events:auto}
.slide.before{transform:translateX(-52%) translateZ(-320px) rotateY(17deg) scale(.79)}
.slide.after{transform:translateX(52%) translateZ(-320px) rotateY(-17deg) scale(.79)}
.slide.far{z-index:1}
.slide img{box-shadow:0 34px 70px rgba(42,35,25,.2),0 4px 15px rgba(42,35,25,.13)}
.slide.active img{box-shadow:0 44px 92px rgba(42,35,25,.32),0 9px 22px rgba(42,35,25,.16)}
.carousel-bar{position:relative;z-index:6}
.previous{border:0;background:transparent;color:var(--ink);font:500 11px 'DM Mono',monospace;letter-spacing:.05em;cursor:pointer;padding:0 10px 0 0}
.previous:hover,.next:hover{opacity:.58}
.materials .material-sketch{height:154px;margin:0 0 22px;display:flex;align-items:center;background:transparent}
.materials .material-sketch img{display:block;width:min(100%,210px);height:154px;object-fit:contain;object-position:left center}
.materials article h3{margin-top:0}
@media(max-width:720px){.carousel{padding:58px 0 92px;clip-path:inset(-90px 0 -130px 0)}.slides{height:63svh;perspective:950px}.slide{width:84vw}.slide.before{transform:translateX(-48%) translateZ(-260px) rotateY(14deg) scale(.78)}.slide.after{transform:translateX(48%) translateZ(-260px) rotateY(-14deg) scale(.78)}.slide img{border-radius:20px}.materials .material-sketch{height:140px;max-width:440px}.materials .material-sketch img{height:140px;width:180px}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}