.records-hero{position:relative;height:calc(100svh - 90px);min-height:540px;max-height:1000px;overflow:hidden;background:#0b0b09;isolation:isolate}.records-slides,.records-slide{position:absolute;inset:0}.records-slide{opacity:0;transition:opacity 1.1s ease;pointer-events:none}.records-slide.is-active{opacity:1}.records-slide img{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}.records-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#000c,transparent 48%,#0004)}.records-hero-brand{position:absolute;left:clamp(24px,5vw,80px);top:36px;font-size:12px;letter-spacing:.24em;color:#fff4df;z-index:1}.records-hero-copy{position:absolute;left:clamp(24px,5vw,80px);bottom:96px;z-index:1}.records-hero-copy p{font-size:10px;letter-spacing:.2em;color:#e5d9bf;margin-bottom:16px}.records-hero-copy h2{font:400 clamp(30px,4vw,54px)/1.4 'Noto Serif SC','Songti SC',Georgia,serif;color:#fff4df;letter-spacing:.04em}.records-controls{position:absolute;bottom:28px;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);display:flex;align-items:center;gap:14px;z-index:2;color:#e8d9bc}.records-controls button{border:1px solid #f0e3c455;background:#07080666;backdrop-filter:blur(8px);color:#fff0d6;min-width:42px;min-height:42px;cursor:pointer;font-size:15px}.records-controls button:focus-visible,.records-scroll:focus-visible{outline:2px solid #fff0d6;outline-offset:4px}.records-dots{display:flex;gap:8px;margin:0 4px}.records-dots button{border-radius:50%;min-width:8px;min-height:8px;width:8px;height:8px;background:#e3d6ba44;border:0}.records-dots button[aria-current=true]{background:#ead8b0}.records-controls .records-autoplay{font-size:10px;padding:0 14px}.records-scroll{margin-left:auto;color:#f2e2c2;text-decoration:none;font-size:11px;letter-spacing:.06em}.records-counter{font-size:10px;letter-spacing:.12em}.records-catalogue{position:relative;isolation:isolate}.records-catalogue:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/records-brand.png') no-repeat center 42%;background-size:max(135%,1000px);opacity:.11;mix-blend-mode:screen;pointer-events:none}.records-catalogue .album-page{background:transparent}.records-catalogue .page-heading{scroll-margin-top:24px}.album-experience{background:transparent}.records-photo-credit{font-size:9px;color:#a59577;letter-spacing:.16em;position:absolute;right:30px;top:35px;z-index:1}:root[lang=en] .records-hero-copy h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(34px,5vw,64px)}
@media(max-width:640px){.records-hero{min-height:540px;height:calc(88svh - 90px)}.records-hero-brand{top:26px;font-size:10px;max-width:70%;line-height:1.8}.records-photo-credit{display:none}.records-hero-copy{bottom:105px;right:24px}.records-controls{gap:9px;flex-wrap:wrap;bottom:24px}.records-controls button{min-width:38px;min-height:38px}.records-dots button{min-width:8px;min-height:8px}.records-counter{display:none}.records-controls .records-autoplay{padding:0 10px}.records-scroll{font-size:10px}.records-catalogue:before{background-position:center 28%;background-size:1450px}}
@media(prefers-reduced-motion:reduce){.records-slide{transition:none}}