/* SURCO editorial palette — shared by catalogue, profiles and community. */
:root{--black:#141414;--pw-black:#242424;--brand-primary:#0057FF;--pw-grey:#f5f5f5;--salmon:var(--brand-primary);--ink:var(--black);--paper:#fff;--panel:#fff;--soft:#f5f5f5;--muted:#595454;--line:#e4e4e4;--pink:var(--soft);--red:var(--brand-primary);--violet:var(--brand-primary);--violet-dark:var(--black);--lime:var(--brand-primary)}
html body,html body *{font-family:'DM Sans',Arial,Helvetica,sans-serif!important}
body{color:var(--black);font-size:16px;line-height:1.5}
body header,body main{background:#fff!important}
body .nav nav{font-size:15px;font-weight:700}
body .brand-icon{filter:grayscale(1)}
body .brand:has(.brand-icon)::before,body .brand:has(.brand-icon)::after{background:radial-gradient(ellipse 3px 5px at center,#141414 98%,transparent 100%),#fff}
body .button,body button,body .filters button,body .slider-arrow{background:var(--brand-primary)!important;color:#fff!important;border:0!important;font-size:17px;font-weight:800;padding:16px 27px;line-height:1.2;min-height:48px}
body .button:hover,body button:hover,body .filters button:hover{background:var(--brand-primary)!important;color:#fff!important;box-shadow:0 0 0 2px var(--black)}
body .button.alt,body .button.pink{background:var(--soft)!important;color:var(--black)!important}
body .button.small{font-size:15px;padding:12px 21px}
body .danger{background:var(--brand-primary)!important;color:#fff!important}
body nav a:not(.button):hover,body nav a:not(.button):focus-visible{color:var(--black);background:transparent;box-shadow:none;border-radius:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
body .home-slider-hero{background:var(--soft)!important;padding-top:60px!important;padding-bottom:35px!important}
body .slider-intro{max-width:1250px;margin:auto;padding:0 20px}
body .slider-intro h1{font-size:clamp(45px,7.6vw,110px)!important;line-height:.98!important;letter-spacing:-.065em!important;font-weight:800!important;color:var(--black);margin:24px 0!important}
html body .slider-intro h1 em{font-family:'Times New Roman',Times,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.045em!important;color:var(--black);background:transparent;text-decoration:none;box-shadow:none;padding:0}
body .slider-intro p{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.5;max-width:670px;margin:24px auto 12px}
body .eyebrow{font-size:13px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
body .catalog-head{margin-top:74px;margin-bottom:30px}
body .catalog-head h2{font-size:clamp(34px,4.6vw,66px)!important;line-height:1.03!important;letter-spacing:-.055em!important;font-weight:800!important;color:var(--black)}
body .form-card h1,body .detail h1,body .social-page>h1,body .public-profile-head h1{font-size:clamp(34px,4.8vw,68px)!important;line-height:1.04!important;letter-spacing:-.05em!important;color:var(--black)}
body .genre-chips a{color:var(--black);border:0;background:var(--soft);font-weight:700}
body .genre-chips a.active,body .genre-chips a:hover{background:var(--brand-primary);color:#fff!important;border:0}
body .card,body .groove-listings .card,body .slider-empty,body .empty,body .detail,body .form-card,body .panel,body .filters,body .discogs-lookup{background:var(--soft)!important}
body .slider-record{background:#fff!important}
body .filters input,body .filters select{border:0!important;box-shadow:none!important;color:var(--black)}
body .slider-record-body strong,body .listing-line strong{color:var(--black)}
body .slider-seller span,body .listing-top span:last-child{color:#fff!important;background:var(--brand-primary);border-radius:50%;padding:0 5px}
body .chat-bubble{background:#fff}.chat-bubble.mine{background:var(--brand-primary);color:#fff!important}
body .social-count{background:var(--brand-primary);color:#fff!important}
body .social-row.unread{border-left-color:var(--brand-primary)}
body :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--black)!important;outline-offset:4px}
body .local-filters .search{border-radius:12px;transition:box-shadow .15s,background .15s}
body .local-filters .search:focus-within{box-shadow:0 0 0 2px #777;background:#fff}
body .local-filters .search input:focus,body .local-filters .search input:focus-visible{outline:none!important;box-shadow:none!important}
/* Full-width photographic interlude; HTML text stays selectable and responsive. */
.surco-manifesto{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:690px;margin:100px calc(-1 * max(24px,(100vw - 1212px)/2)) -66px;padding:100px max(28px,6vw);overflow:hidden;background:var(--pw-black)}
.surco-manifesto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.surco-manifesto::before{content:'';position:absolute;inset:0;background:rgba(20,20,20,.58);z-index:-1}
body .surco-manifesto .eyebrow,body .surco-manifesto h2{color:var(--brand-primary)}
body .surco-manifesto h2{max-width:1250px;font-size:clamp(46px,7.3vw,108px)!important;line-height:1.03;letter-spacing:-.055em;font-weight:800;margin:44px 0}
.surco-manifesto .button{margin-top:8px}
body footer{background:var(--pw-black)!important;color:var(--pw-grey);padding-top:60px!important;padding-bottom:16px!important;overflow:hidden}
body .footer-grid{border-top:0!important;padding-top:0;gap:40px}
body .footer-grid h3{font-size:16px;color:var(--brand-primary);font-weight:800}
body .footer-grid a{font-size:15px;line-height:1.6;color:var(--pw-grey)}
body .footer-grid a:hover{color:var(--brand-primary);text-decoration:underline}
body .footer-brand p{font-size:21px;line-height:1.3;color:var(--pw-grey);letter-spacing:-.025em}
body .footer-brand img{filter:grayscale(1) invert(1)}
body .footer-bottom{color:var(--pw-grey);border-color:#4c484a!important;font-size:13px;padding-top:24px}
body .surco-wordmark{display:block;width:100%;font-size:clamp(90px,25.4vw,440px)!important;font-weight:900;letter-spacing:-.085em;line-height:.9;color:var(--brand-primary);text-align:center;margin:44px 0 0;padding:0 .07em .04em 0;user-select:none}
@media(min-width:1500px){body .surco-wordmark{font-size:25.4vw!important}}
@media(max-width:820px){body .home-slider-hero{padding-top:36px!important}body .slider-intro h1{font-size:clamp(42px,8.2vw,68px)!important}body .catalog-head{margin-top:46px}body .surco-manifesto{min-height:530px;margin:65px -16px -45px;padding:70px 24px}body .surco-manifesto h2{font-size:clamp(43px,8.5vw,68px)!important;margin:30px 0}body .footer-grid{gap:30px}body .surco-wordmark{font-size:25vw!important;margin-top:32px}body .brand:has(.brand-icon)::before,body .brand:has(.brand-icon)::after{background:radial-gradient(ellipse 2.5px 4px at center,#141414 98%,transparent 100%),#fff}}
/* Let the wordmark span the viewport independently of the footer columns. */
body footer .surco-wordmark{position:relative;left:50%;transform:translateX(-50%);width:calc(100vw - 16px);font-size:31.5vw!important;max-width:none;padding:0 .07em .04em 0}
/* White record cards with more prominent, freely wrapping album titles. */
html body .card,html body .groove-listings .card{background:#fff!important}
html body .card h2,html body .groove-listings .card h2{font-size:24px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.035em!important;margin:6px 0 14px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:820px){html body .card h2,html body .groove-listings .card h2{font-size:20px!important;line-height:1.18!important}}
/* Larger header mark, centered with navigation; eye overlays scale with it. */
body header .nav{align-items:center!important;min-height:94px;gap:24px}
body header .brand{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;line-height:0}
body header .brand img.brand-primary.brand-icon{width:128px!important;height:74px!important;display:block}
body header .brand:has(.brand-icon)::before,body header .brand:has(.brand-icon)::after{top:38.235%;width:13.56%;height:22.06%;background:radial-gradient(ellipse 3.2px 5.4px at center,#141414 98%,transparent 100%),#fff}
body header .brand:has(.brand-icon)::before{left:22.034%}
body header .brand:has(.brand-icon)::after{left:35.593%}
@media(max-width:820px){body header .nav{min-height:80px;gap:16px}body header .brand img.brand-primary.brand-icon{width:104px!important;height:60px!important}body header .brand:has(.brand-icon)::before,body header .brand:has(.brand-icon)::after{background:radial-gradient(ellipse 2.7px 4.5px at center,#141414 98%,transparent 100%),#fff}}

body footer .footer-brand img{width:190px;height:106px;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:820px){body footer .footer-brand img{width:160px;height:89px}}

/* Blue identity: readable light typography on dark photographic/footer surfaces. */
body .surco-manifesto .eyebrow,body .surco-manifesto h2,body .footer-grid h3,body .footer-grid a:hover,body .surco-wordmark{color:#fff}
body .chat-bubble.mine small{color:#fff}