/*
Theme Name: KØRA ØVERSEEN Editorial
Theme URI: https://kora-overseen.de/
Description: Editorial black, white and gold artist and author site for KØRA ØVERSEEN.
Author: KØRA ØVERSEEN
Template: astra
Version: 2.0.0
Text Domain: kora-overseen
*/

:root{--black:#090909;--ink:#171715;--white:#f7f6f2;--paper:#f4f2ec;--gold:#c9a66a;--gold-light:#e5d0a9;--muted:#aaa69e;--line:rgba(255,255,255,.16);--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--black);color:var(--white);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.siteHeader{height:78px;display:flex;align-items:center;position:sticky;top:0;background:rgba(9,9,9,.96);z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.headerInner{display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font:600 25px/.9 var(--serif);letter-spacing:.06em;white-space:nowrap}.wordmark small{display:block;color:var(--gold-light);font:500 10px/1.7 var(--sans);letter-spacing:.25em}.mainNav{display:flex;align-items:center;gap:clamp(16px,2.15vw,32px);font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#e5e1d8}.mainNav a{transition:color .2s}.mainNav a:hover,.mainNav a:focus{color:var(--gold-light)}.headerRight{display:flex;align-items:center;gap:15px}.language{background:transparent;color:#f5f2eb;border:0;font-size:10px;letter-spacing:.12em;cursor:pointer}.language option{color:#111}.headerContact{border:1px solid var(--gold);padding:9px 14px;color:var(--gold-light);text-transform:uppercase;font-size:10px;letter-spacing:.12em}.menuToggle{display:none;background:transparent;color:var(--white);border:1px solid var(--line);padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero{min-height:min(760px,calc(100vh - 78px));display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero::after{content:'';position:absolute;inset:0 0 0 42%;background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.58) 18%,rgba(9,9,9,.03) 72%),linear-gradient(0deg,rgba(9,9,9,.48),transparent 45%),url('assets/images/hero.webp') center 38%/cover no-repeat;opacity:.78;z-index:0}.heroCopy{position:relative;z-index:1;padding:72px 0 80px}.overline,.sectionLabel{color:var(--gold-light);font-size:10px;letter-spacing:.24em;text-transform:uppercase}.hero h1{font:500 clamp(57px,8vw,104px)/.82 var(--serif);letter-spacing:-.045em;margin:22px 0 25px}.hero h1 span{display:block;color:var(--gold-light);font-style:italic;margin-top:12px}.heroRole{font-size:15px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.heroLead{max-width:430px;color:#d2cec5;font-size:16px}.heroButtons{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--gold);color:var(--gold-light);font-size:10px;text-transform:uppercase;letter-spacing:.13em;transition:.2s}.button.fill{background:var(--gold);color:#12110e}.button:hover{background:var(--gold-light);border-color:var(--gold-light);color:#111}.heroNote{margin:30px 0 0;color:#b4b0a8;font:italic 17px var(--serif)}.section{padding:104px 0}.sectionLight{background:var(--paper);color:var(--ink)}.sectionDark{background:#10100e}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.sectionHead h2,.aboutTitle,.contactTitle{font:500 clamp(42px,5vw,68px)/.95 var(--serif);margin:12px 0 0;letter-spacing:-.025em}.sectionHead p{color:#77736c;max-width:370px;margin:0;font-size:14px}.musicGrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}.coverFrame{position:relative;background:#181714;min-height:410px;overflow:hidden}.coverFrame img{width:100%;height:410px;object-fit:cover;filter:saturate(.76)}.coverCaption{position:absolute;left:24px;bottom:20px;color:white;text-shadow:0 2px 12px #000}.coverCaption span{display:block;color:var(--gold-light);font-size:9px;letter-spacing:.22em;text-transform:uppercase}.coverCaption strong{display:block;font:500 32px/1.05 var(--serif)}.musicInfo h3{font:500 clamp(36px,4vw,54px)/1 var(--serif);margin:0 0 12px}.musicInfo p{color:#69665e;max-width:460px}.spotifyBox{margin-top:26px;background:#090909;padding:12px;border:1px solid #c9a66a55}.spotifyBox iframe{display:block;width:100%;height:152px;border:0}.spotifyLink{display:inline-block;margin-top:16px;color:#6b542c;text-transform:uppercase;font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--gold);padding-bottom:5px}.aboutSection{background:var(--black);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.aboutInner{max-width:870px;margin:auto}.aboutTitle{max-width:790px}.aboutLead{font:400 24px/1.35 var(--serif);color:#e0dcd3;max-width:760px;margin:25px 0 40px}.aboutColumns{display:grid;grid-template-columns:1fr 1fr;gap:46px;border-top:1px solid var(--line);padding-top:27px}.aboutColumns h3{color:var(--gold-light);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.aboutColumns p{color:#b9b5ad;margin:0}.aboutQuote{font:italic 29px/1.15 var(--serif);color:var(--gold-light);margin:45px 0 0}.galleryRow{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.galleryPhoto{height:320px;overflow:hidden;background:#ddd}.galleryPhoto:first-child{height:420px;grid-row:span 2}.galleryPhoto img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.galleryPhoto:hover img{transform:scale(1.04)}.galleryInfo{padding-top:16px;color:#706c65;font-size:12px;letter-spacing:.06em}.bookSection{background:#f4f2ec}.bookGrid{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:center}.bookMock{background:#191815;min-height:430px;display:flex;align-items:center;justify-content:center;padding:42px}.bookMock img{height:350px;width:250px;object-fit:cover;box-shadow:0 20px 44px #0005}.bookText h3{font:500 49px/1 var(--serif);margin:0 0 20px}.bookText p{max-width:470px;color:#6e6a62}.bookList{margin:26px 0 30px;padding:0;list-style:none;border-top:1px solid #d5d0c5}.bookList li{padding:13px 0;border-bottom:1px solid #d5d0c5;font-size:14px}.bookList small{display:block;color:#847f75;font-size:11px}.pressSection{padding-bottom:75px}.pressGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.pressBlock{border-top:1px solid var(--line);padding-top:22px}.pressBlock h3{font:500 29px var(--serif);margin:0 0 8px}.pressBlock p{color:#b8b4ac;max-width:430px}.pressLink{display:inline-block;color:var(--gold-light);font-size:10px;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding:7px 0}.partnerRow{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.partnerTag{border:1px solid #ffffff33;padding:12px 16px;font:500 19px var(--serif);color:#eee9df}.partnerTag small{display:block;font:9px var(--sans);letter-spacing:.14em;color:#b8b4ac;text-transform:uppercase}.inquirySection{background:#f4f2ec;color:#171715}.contactGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.contactText p{color:#6b675f;max-width:340px}.contactText .sectionLabel{color:#8b6e3e}.contactDetails{margin-top:28px;border-top:1px solid #d5d0c5;padding-top:19px;font-size:13px}.contactDetails a{display:block;padding:5px 0}.contactForm,.playlistForm{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formField{display:flex;flex-direction:column;gap:6px}.formField.full{grid-column:1/-1}.formField label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#625d53}.formField input,.formField select,.formField textarea{background:transparent;border:0;border-bottom:1px solid #aaa397;border-radius:0;padding:11px 2px;color:#171715;outline:none}.formField input:focus,.formField select:focus,.formField textarea:focus{border-color:#8c6934}.formField textarea{min-height:105px;resize:vertical}.checkRow{display:flex;gap:9px;align-items:flex-start;color:#68645b;font-size:11px;line-height:1.5}.checkRow input{accent-color:#8c6934;margin-top:4px}.contactForm .button,.playlistForm .button{justify-self:start;border-radius:0;cursor:pointer}.contactFormNote{font-size:10px;color:#77736c}.playlistSection{background:#121210}.playlistGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.playlistIntro{color:#b8b4ac;max-width:390px}.playlistForm .formField label{color:#d0cbc1}.playlistForm .formField input,.playlistForm .formField select,.playlistForm .formField textarea{color:#f7f6f2;border-color:#6e695f}.playlistForm .checkRow{color:#c0bcb3}.playlistForm .button.fill{border:1px solid var(--gold)}.footer{background:#080808;border-top:1px solid var(--line);padding:64px 0 24px}.footerGrid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:30px;padding-bottom:44px}.footerLogo{font:500 43px/.85 var(--serif);letter-spacing:.01em;color:var(--gold-light)}.footerTag{margin-top:20px;color:#a5a198;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.footerCol h3{font:10px var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#aaa69e;margin:4px 0 17px}.footerCol a,.footerCol span{display:block;color:#e0ddd6;font-size:13px;padding:4px 0}.footerCol a:hover{color:var(--gold-light)}.footerBottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:16px;color:#aaa69e;font-size:11px}.mobilePanel{display:none}.formNotice{display:none;margin:0 0 16px;padding:12px;border:1px solid #a8864d;color:#62481f;font-size:13px}.formNotice.visible{display:block}.playlistSection .formNotice{color:#eddfc4}.catalogGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:52px}.catalogCard{border:1px solid #d4cec2;padding:24px}.catalogCard .sectionLabel{color:#8b6e3e}.catalogCard h3{font:500 34px/1 var(--serif);margin:10px 0}.catalogCard p{color:#706c65;font-size:13px}.catalogCard details{border-top:1px solid #d4cec2;padding-top:12px;margin-top:14px}.catalogCard summary{cursor:pointer;color:#6b542c;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.trackList{columns:2;padding-left:19px;color:#625e57;font-size:12px}.trackList li{padding:2px 8px 2px 0}.singleRow{margin-top:26px;border-top:1px solid #d4cec2;padding-top:18px}.singleLinks{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.singleLinks a{border:1px solid #c9c3b6;padding:8px 12px;color:#4f4637;font-size:11px}.newsletterSection{background:#191814;color:var(--white);padding:68px 0}.newsletterGrid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px}.newsletterGrid h2{font:500 clamp(38px,4vw,56px)/.98 var(--serif);margin:10px 0}.newsletterGrid p{color:#c2beb5;max-width:430px}.newsletterForm{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.newsletterForm input[type=email]{background:transparent;color:white;border:0;border-bottom:1px solid #a99879;padding:13px 4px;min-width:0}.newsletterForm .checkRow{grid-column:1/-1;color:#c2beb5}.newsletterForm .button{cursor:pointer}.newsletterFine{grid-column:1/-1;color:#a8a297;font-size:10px}.newsletterEmbedNotice{border:1px solid #c9a66a55;padding:18px;color:#ddd5c6;font-size:13px}.hideTrap{position:absolute;left:-5000px}
@media(max-width:1000px){.mainNav{gap:13px}.mainNav a{font-size:10px}.headerContact{display:none}.headerRight{gap:8px}.hero::after{inset:0 0 0 30%;opacity:.58}.hero{grid-template-columns:1fr .65fr}.musicGrid{gap:30px}.contactGrid{gap:35px}.footerGrid{grid-template-columns:1.1fr 1fr 1fr}.footerBrand{grid-column:1/-1}}
@media(max-width:760px){.wrap{width:min(100% - 40px,560px)}.siteHeader{height:68px}.headerInner{gap:10px}.wordmark{font-size:21px}.wordmark small{font-size:8px}.mainNav{display:none}.menuToggle{display:block}.language{font-size:9px}.mobilePanel{position:absolute;left:0;right:0;top:68px;background:#0b0b0a;border-bottom:1px solid var(--line);padding:12px 20px 20px;display:none}.mobilePanel.open{display:grid}.mobilePanel a{padding:11px 4px;border-bottom:1px solid #ffffff17;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.hero{min-height:720px;display:flex;align-items:flex-end}.hero::after{inset:0;background:linear-gradient(0deg,#090909 0%,rgba(9,9,9,.82) 33%,rgba(9,9,9,.1) 100%),url('assets/images/hero.webp') center top/cover no-repeat;opacity:.85}.heroCopy{padding:250px 0 55px}.hero h1{font-size:66px}.heroLead{font-size:14px}.heroRole{font-size:11px}.section{padding:72px 0}.sectionHead{display:block;margin-bottom:27px}.sectionHead p{margin-top:16px}.musicGrid,.bookGrid,.contactGrid,.playlistGrid,.pressGrid{grid-template-columns:1fr;gap:27px}.coverFrame{min-height:340px}.coverFrame img{height:340px}.musicInfo h3{font-size:42px}.aboutLead{font-size:21px}.aboutColumns{grid-template-columns:1fr;gap:20px}.aboutQuote{font-size:25px}.galleryRow{grid-template-columns:1fr 1fr;gap:10px}.galleryPhoto:first-child{grid-column:1/-1;grid-row:auto;height:350px}.galleryPhoto{height:210px}.bookGrid{gap:30px}.bookMock{min-height:340px}.bookMock img{height:270px}.bookText h3{font-size:42px}.catalogGrid,.newsletterGrid,.contactForm,.playlistForm{grid-template-columns:1fr}.trackList{columns:1}.newsletterForm{grid-template-columns:1fr}.newsletterForm .checkRow{grid-column:auto}.newsletterFine{grid-column:auto}.formField.full{grid-column:auto}.footerGrid{grid-template-columns:1fr 1fr;gap:25px 18px}.footerBrand{grid-column:1/-1}.footerLogo{font-size:36px}.footerBottom{display:block}.footerBottom span{display:block;margin-top:8px}}

.aboutSection .aboutTitle, .playlistSection h2 { color:#f7f6f2 !important; }
.galleryRow { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
.galleryPhoto, .galleryPhoto:first-child { height:auto !important; grid-row:auto; background:transparent; }
.galleryPhoto img { width:100%; height:auto !important; object-fit:contain; }
.galleryPhoto:hover img { transform:none; }
@media(max-width:760px) { .galleryRow { grid-template-columns:1fr; } .galleryPhoto:first-child { grid-column:auto; } }

#ueber .aboutTitle, #playlist h2.sectionHead { color:#f7f6f2 !important; }

/* Readable book titles and subtitles, enlarged by 1pt. */
#buecher .bookList li { color:#171715 !important; font-size:calc(14px + 1pt); }
#buecher .bookList strong { color:#171715 !important; }
#buecher .bookList small { color:#625d53 !important; font-size:calc(11px + 1pt); }

#kontakt .contactText > .sectionLabel {font-size:calc(10px + 1pt);}
#kontakt .contactForm .formField input:not([type=checkbox]), #kontakt .contactForm .formField select {height:48px;min-height:48px;margin:0;padding:11px 2px;box-sizing:border-box;}
#kontakt .contactForm label.checkRow {display:flex;flex-direction:row;align-items:flex-start;gap:9px;}
#kontakt .contactForm label.checkRow input {flex:0 0 14px;width:14px;height:14px;margin:2px 0 0;padding:0;}
#kontakt .contactForm label.checkRow span {flex:1;min-width:0;}

#buecher .sectionHead .sectionLabel {font-weight:700;font-size:calc(10px + 1pt);}

/* Readable gold labels and links. */
#musik .sectionHead .sectionLabel, #musik .singleRow > .sectionLabel, #galerie .sectionHead .sectionLabel, #buecher .sectionHead .sectionLabel, #kontakt .contactText > .sectionLabel {color:#80612d!important;font-weight:700!important;font-size:calc(10px + 1pt)!important;}
main a:not(.fill) {color:#bd9655!important;}
main .sectionLight a:not(.fill), main .legalCopy a {color:#80612d!important;}
main a:not(.fill):hover, main a:not(.fill):focus-visible, .siteHeader a:hover, .siteHeader a:focus-visible, .footer a:hover, .footer a:focus-visible {color:#c9a66a!important;}
main .sectionLight a:not(.fill):hover, main .sectionLight a:not(.fill):focus-visible, main .legalCopy a:hover, main .legalCopy a:focus-visible {color:#725323!important;}

/* Restore the light navigation and footer colours. */
.siteHeader .mainNav a, .siteHeader .mobilePanel a {color:#e5e1d8!important;}
.siteHeader .headerContact, .footer .footerLogo {color:#e5d0a9!important;}
.footer .footerCol a {color:#e0ddd6!important;}
.siteHeader .mainNav a:hover, .siteHeader .mainNav a:focus-visible, .siteHeader .mobilePanel a:hover, .siteHeader .mobilePanel a:focus-visible, .footer .footerCol a:hover, .footer .footerCol a:focus-visible {color:#c9a66a!important;}

/* Align playlist fields and consent. */
#playlist .playlistForm .formField input:not([type=checkbox]), #playlist .playlistForm .formField select {height:48px;min-height:48px;margin:0;padding:11px 2px;box-sizing:border-box;}
#playlist .playlistForm label.checkRow {display:flex;flex-direction:row;align-items:flex-start;gap:9px;}
#playlist .playlistForm label.checkRow input {flex:0 0 14px;width:14px;height:14px;margin:2px 0 0;padding:0;}
#playlist .playlistForm label.checkRow span {flex:1;min-width:0;}

[hidden]{display:none!important}.spotifyBox p{color:#e5d0a9;font-size:13px}.spotifyBox .button{margin:8px 0}.coverFrame img{object-fit:contain;filter:none}.newsletterForm{grid-template-columns:1fr}.newsletterForm input[type=email]{width:100%;min-height:48px}.newsletterForm .checkRow input{flex:0 0 16px;width:16px;height:16px;margin:3px 0 0}.newsletterForm .button{justify-self:start}.formNotice{grid-column:1/-1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #bd9655;outline-offset:4px}.bookSection .sectionLabel{color:#80612d}.pressSection h2,.pressSection h3,.newsletterSection h2{color:var(--white)}

/* Full-width Berlin header artwork. */
.hero{display:flex;align-items:center;min-height:clamp(620px,50vw,760px)}
.hero::after{inset:0;background:linear-gradient(0deg,rgba(9,9,9,.25),transparent 40%),url('https://kora-overseen.de/wp-content/uploads/2026/10/Stadtansicht-mit-dunklem-Verlauf-links.png') center center/cover no-repeat;opacity:1}
.heroCopy{width:48%;max-width:560px}
@media(max-width:1000px) and (min-width:761px){.hero::after{background-position:60% center}.heroCopy{width:52%}}
@media(max-width:760px){.hero{min-height:780px;align-items:flex-end}.hero::after{background:linear-gradient(0deg,#090909 0%,rgba(9,9,9,.93) 30%,rgba(9,9,9,.12) 68%),url('https://kora-overseen.de/wp-content/uploads/2026/10/Stadtansicht-mit-dunklem-Verlauf-links.png') 76% top/auto 500px no-repeat}.heroCopy{width:100%;max-width:none;padding:330px 0 45px}.hero h1{font-size:clamp(46px,12vw,66px)}}

/* Album alignment and clearer carousel controls in every language. */
#musicCarousel{align-items:start}
#musik .catalogGrid{align-items:start}
#musik .catalogCard>img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
#musik .catalogCard .sectionLabel,#musik #carouselLabel{font-size:calc(10px + 1pt);font-weight:700;color:#725323;line-height:1.6}
#musicCarousel .carouselControls .button{font-size:13px;font-weight:700;color:#60451f;border:2px solid #80612d;min-height:48px;letter-spacing:.06em;background:#f4f2ec;cursor:pointer}
#musicCarousel #carouselPrev,#musicCarousel #carouselNext{font-size:25px;line-height:1;min-width:52px;padding:8px 16px}
#musicCarousel .carouselControls .button:hover,#musicCarousel .carouselControls .button:focus-visible{background:#e5d0a9;color:#171715;border-color:#60451f}

#musicCarousel .carouselControls button.button{color:#60451f!important;font-weight:700!important}#musicCarousel .carouselControls button.button:hover,#musicCarousel .carouselControls button.button:focus-visible{color:#171715!important}