/* Apresentação editorial e os vinis do mockup. */
.project-section{background:radial-gradient(ellipse at 20% 30%,#faf3e5,transparent 70%),var(--papel);padding:34px 0 40px}.project-layout{display:grid;grid-template-columns:.34fr .66fr;gap:30px;align-items:center}.project-copy h2{font-size:clamp(29px,3.3vw,43px)}.project-copy p{font-size:14px;line-height:1.55;margin-top:14px;max-width:340px}

/* Capas originais da cena; recorte apenas por CSS, disco independente atrás. */
.vinyl-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10%;padding:22px 14% 25px 1%;min-width:0}
.vinyl-card{position:relative;display:block;aspect-ratio:518/537;width:100%;border:0;padding:0;background:transparent;isolation:isolate;transition:transform .4s ease;transform:rotate(-1.5deg)}
.vinyl-card:nth-child(2){transform:rotate(1deg)}.vinyl-card:nth-child(3){transform:rotate(-1deg)}
.vinyl-cover{position:absolute;inset:0;z-index:2;border-radius:4px;background-image:url('../assets/cenas/vinis.webp');background-size:419.3% 134.8%;background-position:var(--cover-position) 50.8%;background-repeat:no-repeat;box-shadow:2px 7px 12px #352e2833;pointer-events:none}
.vinyl-record{position:absolute;width:94%;aspect-ratio:1;top:5%;left:3%;z-index:1;border-radius:50%;background:repeating-radial-gradient(circle,#171412 0 2px,#292623 3px,#12110f 4px 5px);box-shadow:3px 5px 9px #352e2840;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:translateX(12%);display:grid;place-items:center}
.vinyl-record::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent,#ffffff16,transparent 35%,#ffffff0c,transparent 70%);pointer-events:none}
.vinyl-label{width:40%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--terracota);border:2px solid #29231f}.vinyl-2 .vinyl-label{background:var(--salvia)}.vinyl-3 .vinyl-label{background:var(--latao)}.vinyl-label>span{width:9%;aspect-ratio:1;border-radius:50%;background:#171412}
.vinyl-signature{position:absolute;right:9%;top:43%;writing-mode:vertical-rl;color:#e8dfce66;font:7px var(--type);letter-spacing:2px}
.vinyl-card:is(:hover,:focus-visible,[aria-pressed="true"]){transform:translateY(-5px) rotate(0deg);z-index:3}.vinyl-card:is(:hover,:focus-visible,[aria-pressed="true"]) .vinyl-record{transform:translateX(42%) rotate(45deg)}

/* Recortes individuais excluem o vinil que já aparece na imagem-base. */
.vinyl-2 .vinyl-cover{background-size:431% 134.8%;background-position:47.42% 50.8%}
.vinyl-3 .vinyl-cover{background-size:429.25% 134.8%;background-position:89.44% 50.8%}