:root{--paper:#f4f0e7;--ink:#292a24;--muted:#69695f;--line:#d7d2c7;--accent:#94482f;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;padding:15px;background:white;z-index:50}.skip:focus{top:10px}.masthead{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:17px;letter-spacing:2px;display:flex;align-items:center;gap:13px;white-space:nowrap}.brand i{font-family:Georgia,serif;text-transform:none;letter-spacing:0;font-size:18px;font-weight:normal}.disc-mark{width:32px;height:32px;border:7px double var(--ink);border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 5px var(--ink)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav button span{display:inline-grid;place-items:center;background:#e5e0d4;border-radius:50%;height:22px;width:22px;margin-left:5px}.hero{max-width:1440px;margin:auto;padding:68px 6% 60px;display:grid;grid-template-columns:1.15fr 1fr;gap:35px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:600;margin:0 0 22px;color:var(--muted)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;margin:0}h1{font-size:clamp(45px,5.1vw,76px);line-height:1.07;letter-spacing:-2.6px}h1 em{font-weight:normal;color:var(--accent)}.intro{color:var(--muted);font-size:16px;line-height:1.65;max-width:390px;margin:25px 0}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px}.text-link span{font-size:21px}.stats{display:flex;gap:35px;margin-top:36px}.stats strong{font-family:Georgia,serif;font-weight:normal;font-size:25px}.stats small{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:6px}.hero-art{position:relative;min-height:330px;align-self:center;height:390px}.sleeve{position:absolute;object-fit:cover;width:58%;aspect-ratio:1;box-shadow:0 15px 35px #292a242a}.one{left:3%;top:20%;transform:rotate(-9deg);z-index:2}.two{right:0;top:5%;transform:rotate(9deg);z-index:3}.vinyl{position:absolute;border-radius:50%;width:64%;aspect-ratio:1;left:18%;top:-2%;background:repeating-radial-gradient(circle,#20211d 0px,#20211d 2px,#42443a 3px,#20211d 4px);box-shadow:0 10px 25px #0002}.vinyl span{position:absolute;top:35%;left:35%;width:30%;height:30%;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--accent);color:var(--paper);font-size:10px;letter-spacing:1px}.vinyl small{font-size:8px;margin-top:6px}.art-caption{position:absolute;bottom:-5px;right:0;font-size:9px;letter-spacing:2px;color:var(--muted)}.collection{max-width:1440px;padding:45px 6% 70px;margin:auto;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:32px;letter-spacing:-.6px}.dark-button{background:var(--ink);color:var(--paper);padding:14px 23px;border-radius:2px;font-size:13px}.dark-button:hover{background:var(--accent)}.filters{display:grid;grid-template-columns:2fr 1.2fr 1.05fr .9fr 1fr;gap:15px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}label{display:flex;flex-direction:column;font-size:10px;letter-spacing:.6px;color:var(--muted);gap:8px}input,select{width:100%;border:1px solid var(--line);border-radius:2px;background:var(--white);color:var(--ink);padding:12px;font-size:13px;letter-spacing:0;min-height:43px}input::placeholder{color:#77776e}.catalog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:12px}.catalog-bar>div:first-child{display:flex;gap:18px;align-items:center;flex-wrap:wrap}#result-count{font-weight:600}.quiet{font-size:11px;color:var(--muted);padding:6px 0;border-bottom:1px solid transparent}.quiet:hover,.quiet[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.view-tools{display:flex;gap:18px;align-items:center}.sort-label{flex-direction:row;align-items:center;gap:9px}.sort-label select{background:transparent;border:0;padding:8px 0;min-height:30px;width:115px;font-size:11px}.view-switch{display:flex;border:1px solid var(--line);border-radius:2px;padding:3px;gap:2px}.view-switch button{padding:8px;font-size:11px;white-space:nowrap}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.record{position:relative;min-width:0}.cover{display:block;aspect-ratio:1;background:#e7e1d5;overflow:hidden;position:relative}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.record:hover .cover img{transform:scale(1.035)}.sprite{background-image:url('assets/roberto-carlos-montagem.png');background-size:400% 300%;background-repeat:no-repeat}.record-meta{padding-top:15px}.record-meta .artist{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);line-height:1.5;margin-bottom:6px;max-width:90%}.record h3{font-size:21px;line-height:1.25}.record .sub{display:flex;gap:8px;font-size:11px;color:var(--muted);margin-top:9px;line-height:1.4}.record .heart{position:absolute;right:8px;top:8px;background:var(--white);border-radius:50%;width:32px;height:32px;box-shadow:0 2px 7px #0002;font-size:20px;display:grid;place-items:center}.heart[aria-pressed=true]{color:var(--accent)}.photo-badge{position:absolute;bottom:10px;left:10px;background:#292a24d9;color:white;padding:5px 8px;font-size:9px;letter-spacing:.6px}.record-list{display:flex;flex-direction:column;gap:0}.record-list .record{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:85px 1fr;gap:25px;align-items:center}.record-list .record-meta{padding:0}.record-list .record h3{font-size:25px}.record-list .heart{top:30px;right:3px}.record-list .photo-badge{display:none}.timeline-group{grid-column:1/-1;margin-top:25px;border-top:1px solid var(--line);padding-top:24px;color:var(--accent);font-size:29px;font-family:Georgia,serif}.empty{text-align:center;padding:90px 10px;border-top:1px solid var(--line)}.empty h3{font-size:32px}.empty p{color:var(--muted);line-height:1.6}.about{max-width:1440px;margin:auto;padding:65px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 90px}.about .eyebrow{grid-column:1/-1;margin:0}.about h2{font-size:42px;line-height:1.15}.about p:not(.eyebrow){color:var(--muted);line-height:1.8;margin:0 0 18px;font-size:13px}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}footer .brand{font-size:12px}footer .brand i{font-size:13px}footer p{color:var(--muted)}#detail-page{max-width:1440px;margin:auto;padding:35px 6% 70px}.back{display:inline-block;color:var(--muted);font-size:12px;padding:10px 0;margin-bottom:30px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px}.detail-gallery{position:sticky;top:25px;align-self:start}.detail-cover{width:100%;border:0;padding:0;cursor:zoom-in}.detail-cover img{object-fit:contain}.gallery-caption{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.thumbnails{display:flex;gap:10px;margin-top:18px}.thumbnails button{width:65px;padding:0;border:2px solid transparent}.thumbnails button[aria-pressed=true]{border-color:var(--accent)}.thumbnails img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.detail-content .eyebrow{margin-bottom:13px}.detail-content h1{font-size:44px;letter-spacing:-1px;line-height:1.12}.detail-content .artist-name{font-family:Georgia,serif;font-size:23px;color:var(--muted);margin:17px 0 20px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.tag{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:6px 10px}.description{font-size:14px;line-height:1.85;margin:24px 0;color:#515247}.detail-favorite{border:1px solid var(--line);padding:11px 15px;font-size:12px}.detail-content h2{font-size:25px;margin:30px 0 15px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-grid dt{font-size:10px;color:var(--muted);margin-bottom:7px;letter-spacing:.5px}.info-grid dd{margin:0;font-size:13px;line-height:1.5}.tracklist{padding-left:20px;font-size:13px;line-height:1.9}.edition-note{color:var(--muted);font-size:12px;line-height:1.75;background:#eae5da;padding:18px;border-left:2px solid var(--accent);margin-top:24px}.sources{list-style:none;padding:0;font-size:12px}.sources li{padding:8px 0;line-height:1.5;border-bottom:1px solid var(--line)}.sources a{text-decoration:underline;text-underline-offset:3px}.related{margin-top:60px;border-top:1px solid var(--line);padding-top:30px}.related h2{margin-bottom:25px}dialog{padding:28px;border:0;background:var(--ink);color:var(--paper);width:94vw;max-width:1250px;height:92vh;max-height:900px;overflow:auto}dialog::backdrop{background:#171913de}dialog button{color:var(--paper)}.slide-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c9c8bc;margin-bottom:25px}.slide-top button{border:1px solid #66675d;padding:10px 15px;font-size:11px}#slide-body{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;min-height:65vh}#slide-body>.cover{max-height:65vh;width:min(100%,65vh);justify-self:center}#slide-body h2{font-size:40px;line-height:1.15;margin:15px 0 20px}#slide-body .eyebrow{color:#bdbeb2}#slide-body p{line-height:1.8;font-size:13px;color:#bdbeb2}#slide-body .text-link{border-color:#999a8e}#slide-body .tag{border-color:#66675d}.slide-controls{display:flex;align-items:center;justify-content:center;gap:30px;border-top:1px solid #55564c;margin-top:25px;padding-top:20px}.slide-controls>button{border:1px solid #66675d;padding:10px 18px;font-size:12px}.slide-controls label{color:#bdbeb2;flex-direction:row;align-items:center}.slide-controls select{background:var(--ink);color:var(--paper);border-color:#66675d;font-size:11px;padding:8px;min-height:32px}#photo-dialog{height:95vh;max-height:none}#photo-body{height:76vh;display:grid;place-items:center}#photo-body img{max-width:100%;max-height:76vh;object-fit:contain}#photo-body .sprite{height:min(76vh,80vw);aspect-ratio:1}.photo-controls{display:flex;justify-content:center;gap:30px;margin-top:12px}.photo-controls button{padding:8px 20px;border:1px solid #66675d}body.dialog-open{overflow:hidden}@media(min-width:1440px){.hero-art{height:440px}}@media(max-width:1000px){.hero{padding-top:45px;gap:20px}.hero-art{height:320px;min-height:280px}.filters{grid-template-columns:repeat(4,1fr)}.search-label{grid-column:1/-1}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.view-tools{gap:5px}.view-switch span{display:none}.detail-layout{gap:35px}.detail-content h1{font-size:36px}.catalog-bar{gap:10px}.catalog-bar>div:first-child{gap:10px}#slide-body{gap:30px}}@media(max-width:650px){.masthead{padding:20px 5%}.brand{font-size:13px;letter-spacing:1.4px;gap:8px}.disc-mark{width:25px;height:25px;border-width:5px}.brand i{font-size:14px}nav{gap:10px;font-size:10px}nav>a{display:none}nav button{font-size:10px}.hero{padding:40px 5% 30px;display:flex;flex-direction:column;gap:20px}h1{font-size:49px}.intro{font-size:14px;max-width:310px}.hero-art{width:85%;height:260px;min-height:0;align-self:flex-end;margin-top:15px}.sleeve{width:53%}.vinyl{width:59%}.stats{gap:30px;margin-top:25px}.stats strong{font-size:22px}.stats small{font-size:9px}.art-caption{font-size:8px}.collection{padding:35px 5% 45px}.section-heading{align-items:flex-start}h2{font-size:26px}.section-heading .dark-button{padding:12px;white-space:nowrap;font-size:11px;margin-top:25px}.filters{grid-template-columns:1fr 1fr;gap:14px;padding:20px 0}.catalog-bar{flex-wrap:wrap;padding:18px 0;gap:14px}.catalog-bar>div:first-child{width:100%;justify-content:space-between}.view-tools{width:100%;justify-content:space-between}.view-switch span{display:inline}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.record h3{font-size:19px}.record-meta .artist{font-size:9px}.record .sub{font-size:10px;flex-wrap:wrap;gap:4px}.record .heart{width:29px;height:29px;right:6px;top:6px}.record-list .record{grid-template-columns:65px 1fr;gap:15px}.record-list .record h3{font-size:21px;padding-right:30px}.record-list .heart{top:20px}.about{padding:40px 5%;grid-template-columns:1fr;gap:22px}.about h2{font-size:35px}.about p:not(.eyebrow){font-size:12px}footer{padding:25px 5%;flex-wrap:wrap;gap:12px}footer p{width:100%;order:3;margin:0}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-gallery{position:static}.detail-content h1{font-size:35px}.detail-content .artist-name{font-size:21px}.detail-content h2{font-size:25px}#detail-page{padding:22px 5% 45px}.back{margin-bottom:20px}dialog{width:100vw;height:100dvh;max-height:none;padding:20px}#slide-body{display:flex;flex-direction:column;gap:22px;min-height:0;align-items:stretch}#slide-body>.cover{width:100%;max-height:none;align-self:center;max-width:390px}#slide-body h2{font-size:30px}#slide-body .description{display:none}.slide-controls{gap:12px;flex-wrap:wrap}.slide-controls>button{padding:12px}.slide-controls label{order:4;width:100%;justify-content:center}.slide-controls select{width:110px}.slide-top{margin-bottom:20px}#photo-body{height:75vh}.photo-controls{margin-top:15px}.related .record-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Apresentação compacta após revisão do proprietário. */
.hero{align-items:center;padding-top:42px;padding-bottom:42px}.hero-art{height:300px;min-height:280px}@media(min-width:1440px){.hero-art{height:340px}}@media(max-width:650px){.hero{padding-top:32px;padding-bottom:28px}.hero-art{height:230px;min-height:0}}

/* Título editorial e troca lenta das fotografias. */
.hero-heading{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 24px}.hero-heading em{color:var(--accent);font-weight:normal}.hero .sleeve{overflow:hidden}.hero-frame{display:block;position:absolute;inset:0;width:100%;height:100%}.hero-frame img{width:100%;height:100%;object-fit:cover;display:block}.hero-frame.incoming{animation:hero-dissolve 2.2s ease-in-out both}.hero-motion{position:absolute;left:0;bottom:-6px;font-size:12px;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--muted);background:var(--paper);z-index:5}.hero-motion:hover{color:var(--accent);border-color:var(--accent)}@keyframes hero-dissolve{from{opacity:0}to{opacity:1}}@media(max-width:650px){.hero-heading{font-size:43px;margin-bottom:18px}.hero>div:first-child{align-self:flex-start}.hero-motion{bottom:-6px}}@media(prefers-reduced-motion:reduce){.hero-frame.incoming{animation:none}}