:root {
  --bg-1:#100e0b;
  --bg-2:#1b1711;
  --gold-1:#c6a66c;
  --gold-2:#efd8aa;
  --text-main:#f6f0e4;
  --text-muted:#beb5a5;
  --outline:rgba(222,192,139,.24);
}
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { background:var(--bg-1); color:var(--text-main); font-family:'Segoe UI',system-ui,sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible { outline:2px solid var(--gold-2); outline-offset:5px; }
.wrap { max-width:1440px; margin:0 auto; padding:0 clamp(24px,5vw,80px); }
.skip-link { position:absolute; top:8px; left:8px; z-index:10; padding:12px; background:var(--bg-1); transform:translateY(-150%); }
.skip-link:focus { transform:none; }
/* Header: wordmark and simple navigation. */
header { background:#100e0b; border-bottom:1px solid var(--outline); }
.header-inner { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.logo { color:var(--gold-2); font-family:Georgia,'Times New Roman',serif; font-size:34px; font-weight:bold; letter-spacing:-1.8px; line-height:1; }
.logo span { display:block; font-family:'Segoe UI',sans-serif; font-size:10px; font-weight:400; letter-spacing:3px; text-transform:uppercase; margin-top:10px; color:var(--text-muted); }
nav ul { display:flex; gap:40px; list-style:none; }
nav a,.text-link { font-size:13px; letter-spacing:.6px; }
nav a { display:inline-block; padding:12px 0; }
nav a:hover,.text-link:hover { color:var(--gold-2); }
nav a span { margin-left:18px; color:var(--gold-1); }
.nav-toggle { display:none; background:none; border:1px solid var(--outline); color:var(--gold-2); border-radius:2px; padding:10px 14px; cursor:pointer; }
/* A single full-width scene replaces the framed poster. */
.hero { position:relative; isolation:isolate; overflow:hidden; background:#100d08; }
.hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:68% center; z-index:-2; }
.hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(12,10,7,.7),rgba(12,10,7,.2) 48%,transparent 72%),linear-gradient(0deg,#100e0b,transparent 24%); }
.hero-inner { min-height:740px; display:flex; flex-direction:column; justify-content:space-between; padding-top:95px; padding-bottom:30px; }
.hero-text { max-width:620px; }
.eyebrow { font-size:11px; font-weight:500; letter-spacing:2px; text-transform:uppercase; color:var(--gold-2); margin-bottom:28px; }
h1,h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-3px; line-height:1.04; }
h1 { font-size:clamp(60px,6.1vw,88px); }
em { color:var(--gold-2); font-weight:400; }
.lead { color:var(--text-muted); max-width:410px; font-size:16px; line-height:1.8; margin-top:28px; }
.hero-actions { display:flex; gap:30px; align-items:center; flex-wrap:wrap; margin-top:34px; }
.btn { display:inline-flex; justify-content:space-between; align-items:center; gap:32px; border:1px solid var(--gold-1); padding:17px 25px; border-radius:2px; font-size:13px; font-weight:600; cursor:pointer; }
.btn-primary { background:var(--gold-2); color:#20180c; }
.btn-primary:hover { background:#f6e4c4; }
.text-link { display:inline-flex; align-items:center; gap:20px; padding:10px 0; border-bottom:1px solid var(--outline); }
.hero-bottom { display:flex; align-items:baseline; gap:30px; flex-wrap:wrap; padding-top:65px; }
.decades { color:var(--gold-2); font-family:Georgia,serif; font-size:27px; }
.decades span { padding:0 10px; color:#9f8350; font-size:18px; }
.hero-bottom>p:last-child { font-size:12px; color:var(--text-muted); }
/* Offer retains the original heading/list logic, without cards. */
.offer { padding:105px 0; }
.offer-inner { display:grid; grid-template-columns:1fr 1.15fr; gap:100px; }
h2 { font-size:clamp(42px,4.2vw,60px); letter-spacing:-2px; }
.section-intro { max-width:350px; margin-top:26px; color:var(--text-muted); font-size:15px; line-height:1.8; }
.signature { margin-top:48px; color:var(--gold-2); font:italic 24px Georgia,serif; }
.signature span { display:block; margin-top:8px; color:var(--text-muted); font:11px 'Segoe UI',sans-serif; letter-spacing:1px; }
.offer-item { display:grid; grid-template-columns:32px 1fr; gap:20px; padding:26px 0; border-top:1px solid var(--outline); }
.offer-item:last-child { padding-bottom:0; }
.offer-number { color:var(--gold-1); font-size:11px; padding-top:5px; }
h3 { font-size:20px; font-weight:500; margin-bottom:10px; }
.offer-item p { color:var(--text-muted); font-size:14px; line-height:1.8; max-width:49ch; }
/* Contact: quiet abstract backdrop and open form fields. */
.contact { border-block:1px solid var(--outline); padding:90px 0; background:linear-gradient(90deg,rgba(16,14,11,.72),rgba(16,14,11,.94) 65%),url('retrobeat-zlati-valovi.webp') center/cover; }
.contact-inner { display:grid; grid-template-columns:1fr 1.15fr; gap:100px; align-items:center; }
.contact-header .section-intro { max-width:320px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.form-field { display:flex; flex-direction:column; gap:10px; margin-bottom:28px; }
label { font-size:12px; color:var(--gold-2); }
input,textarea { width:100%; min-width:0; border:0; border-bottom:1px solid #78684e; border-radius:0; background:rgba(16,14,11,.5); padding:12px 3px; color:var(--text-main); font-size:16px; }
textarea { resize:vertical; min-height:145px; }
::placeholder { color:#a79d8c; font-size:14px; }
.form-note { color:var(--text-muted); font-size:12px; margin-bottom:24px; }
.form-status { color:var(--gold-2); font-size:13px; margin-top:16px; }
.form-status:empty { display:none; }
footer { padding:35px 0; }
.footer-inner { display:flex; justify-content:space-between; align-items:center; gap:25px; }
footer .logo { font-size:28px; }
footer p { font-size:12px; color:var(--text-muted); }
/* Responsive composition: text first, with the scene below on phones. */
@media(min-width:1700px) { .hero-inner { min-height:820px; padding-top:120px; } }
@media(max-width:1050px) {
  .hero-inner { min-height:700px; padding-top:75px; }
  .hero-text { max-width:53%; }
  h1 { font-size:64px; }
  .offer-inner,.contact-inner { gap:50px; }
  .hero-actions { gap:18px; }
}
@media(max-width:760px) {
  .header-inner { min-height:88px; }
  .logo { font-size:29px; }
  .js .nav-toggle { display:block; }
  nav { width:100%; padding-bottom:18px; }
  .js nav { display:none; }
  .js nav.open { display:block; }
  nav ul { gap:28px; }
  .hero-inner { min-height:0; padding-top:48px; padding-bottom:25px; }
  .hero-text { max-width:100%; }
  h1 { font-size:clamp(48px,9.5vw,70px); letter-spacing:-2px; }
  .hero .eyebrow { font-size:10px; letter-spacing:1.2px; max-width:320px; }
  .lead { max-width:400px; font-size:15px; }
  .hero-art { top:auto; bottom:60px; height:360px; object-position:right center; }
  .hero::after { background:linear-gradient(180deg,#100d08 0%,#100d08 43%,transparent 66%,rgba(16,14,11,.1) 85%,#100e0b 100%); }
  .hero-bottom { margin-top:340px; padding-top:0; gap:5px; flex-direction:column; }
  .decades { font-size:24px; }
  .decades span { padding:0 5px; }
  .offer,.contact { padding:65px 0; }
  .offer-inner,.contact-inner { grid-template-columns:1fr; gap:42px; }
  h2 { font-size:46px; }
  .section-intro,.contact-header .section-intro { max-width:440px; }
  .signature { margin-top:26px; }
  .contact-header h2 br:last-child { display:none; }
  .footer-inner { flex-wrap:wrap; }
  footer p { order:3; width:100%; }
}
@media(max-width:380px) {
  .hero-actions { align-items:flex-start; flex-direction:column; gap:12px; }
  .form-row { grid-template-columns:1fr; gap:0; }
  h2 { font-size:40px; }
  .btn { padding:15px 20px; }
}


/* Home page content adaptation — existing palette, type and artwork retained. */
.logo { display:block; line-height:0; }
.logo img { display:block; width:260px; height:auto; }
.hero-logo { display:block; width:min(330px,80%); height:auto; margin-bottom:28px; }
.hero-inner { padding-top:50px; min-height:820px; }
.hero-memory { color:var(--gold-2); font-size:16px; margin-top:24px; }
.hero .lead { margin-top:16px; }
.hero-offer { max-width:420px; color:var(--text-muted); font-size:13px; margin-top:16px; }
.hero-actions { margin-top:24px; }
.hero-bottom { padding-top:40px; }
.home-segment { padding:66px 0; border-top:1px solid var(--outline); }
.segment-inner { display:grid; grid-template-columns:1fr; gap:26px; }
.segment-heading .eyebrow { margin-bottom:20px; }
.segment-heading h2 { font-size:clamp(35px,5vw,54px); letter-spacing:-1.5px; line-height:1.12; max-width:19ch; }
.segment-copy { max-width:48ch; }
.segment-copy p { color:var(--text-muted); font-size:15px; line-height:1.8; margin-bottom:16px; }
.read-more { background:none; border:0; border-bottom:1px solid var(--outline); color:var(--gold-2); margin-top:8px; font-size:11px; letter-spacing:1px; cursor:default; opacity:.65; }
.home-segment:nth-of-type(odd) { background:var(--bg-2); }
.segment-quiet { padding:48px 0; }
.segment-quiet .segment-heading h2 { font-size:34px; }
.segment-quiet .segment-copy p { font-size:14px; }
.contact-header h2 { line-height:1.12; }
.contact-header .section-intro + .section-intro { margin-top:16px; }
@media(min-width:761px) {
 .segment-inner { grid-template-columns:1fr 1.15fr; gap:clamp(45px,7vw,100px); align-items:center; }
 .home-segment { padding:85px 0; }
 .segment-quiet { padding:55px 0; }
}
@media(max-width:760px) {
 .logo img { width:54px; height:auto; }
 .header-inner { min-height:78px; }
 .hero-inner { padding-top:28px; min-height:0; }
 .hero-logo { width:245px; margin-bottom:22px; }
 .hero-memory { font-size:14px; margin-top:18px; }
 .hero .lead { font-size:15px; line-height:1.65; margin-top:14px; }
 .hero-offer { font-size:12px; line-height:1.65; margin-top:12px; max-width:380px; }
 .hero-actions { gap:12px 22px; margin-top:22px; }
 .hero-actions .text-link { font-size:10px; }
 .hero-bottom { margin-top:290px; padding-top:0; }
 .hero-art { bottom:65px; height:300px; }
 .hero::after { background:linear-gradient(0deg,#100e0b 0%,transparent 110px,transparent 290px,#100d08 370px); }
 .decades { font-size:22px; }
 .contact-header h2 { font-size:42px; }
 .form-row { grid-template-columns:1fr; gap:0; }
}

/* Six approved circular illustrations, shown from their shared image sheet. */
.segment-art {
  width:116px;
  aspect-ratio:1;
  border-radius:50%;
  background-image:url('retrobeat-ikone.webp');
  background-repeat:no-repeat;
  background-size:357.21% 238.14%;
  background-position:6.6% 7.1%;
  box-shadow:0 10px 26px rgba(0,0,0,.2);
  animation:icon-float 6s ease-in-out infinite;
}
.segment-art-2 { background-position:50% 7.1%; animation-delay:-1s; }
.segment-art-3 { background-position:93.4% 7.1%; animation-delay:-2s; }
.segment-art-4 { background-position:6.6% 82.5%; animation-delay:-3s; }
.segment-art-5 { background-position:50% 82.5%; animation-delay:-4s; }
.segment-art-6 { background-position:93.4% 82.5%; animation-delay:-5s; }
@keyframes icon-float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-6px); }
}
@media(min-width:1051px) {
  .segment-inner:has(.segment-art) { grid-template-columns:160px 1fr 1.15fr; gap:42px; }
  .segment-art { width:160px; }
}
@media(min-width:761px) and (max-width:1050px) {
  .segment-inner:has(.segment-art) { grid-template-columns:130px 1fr; gap:24px 32px; }
  .segment-art { width:130px; }
  .segment-inner:has(.segment-art) .segment-copy { grid-column:2; }
}
@media(max-width:760px) {
  .segment-inner:has(.segment-art) { gap:24px; }
}


/* Show the official wordmark without its RB mark in the page content. */
.wordmark-only { overflow:hidden; aspect-ratio:1305 / 372; }
.wordmark-only img { display:block; width:138.314%; max-width:none; height:auto; transform:translateX(-27.701%); }
footer .wordmark-only { width:220px; }
@media(max-width:760px) {
  header .logo img { width:210px; }
  footer .wordmark-only { width:185px; }
}
@media(max-width:380px) {
  header .logo img { width:175px; }
  .header-inner { gap:12px; }
}

/* Shared navigation and long-form pages, in the established visual language. */
nav a[aria-current="page"] { color:var(--gold-2); border-bottom:1px solid var(--gold-1); }
a.read-more { opacity:1; cursor:pointer; }
.detail-intro { padding:60px 0; background:linear-gradient(90deg,rgba(16,14,11,.82),rgba(16,14,11,.95)),url('retrobeat-zlati-valovi.webp') center/cover; border-bottom:1px solid var(--outline); }
.detail-intro h1 { font-size:clamp(42px,6vw,76px); max-width:18ch; letter-spacing:-2px; line-height:1.1; }
.prose { max-width:62ch; color:var(--text-muted); font-size:16px; line-height:1.85; }
.prose p+p,.prose ul+p,.prose p+ul { margin-top:18px; }
.prose ul { padding-left:22px; }
.prose li+li { margin-top:5px; }
.detail-intro .prose { margin-top:32px; }
.detail-section { padding:58px 0; border-bottom:1px solid var(--outline); }
.detail-section:nth-child(even) { background:var(--bg-2); }
.detail-grid { display:grid; gap:28px; }
.detail-grid h2 { font-size:clamp(34px,4vw,52px); max-width:20ch; line-height:1.14; letter-spacing:-1.5px; }
.detail-cta { padding:55px 0; }
.contact-page { min-height:70vh; }
.contact-page h1 { font-size:clamp(40px,5vw,66px); line-height:1.1; letter-spacing:-2px; }
.contact-page .prose { margin-top:28px; }
.detail-cta .btn { max-width:100%; }
@media(min-width:1001px) {
 .detail-intro,.detail-section { padding:85px 0; }
 .detail-grid { grid-template-columns:1fr 1.15fr; gap:80px; }
}
@media(min-width:761px) and (max-width:1000px) {
 header .logo img { width:210px; }
 nav ul { gap:18px; }
 nav a { font-size:12px; }
}
@media(max-width:760px) {
 nav ul { flex-direction:column; gap:4px; align-items:flex-start; }
 nav a { min-height:44px; }
 .detail-intro,.detail-section { padding:48px 0; }
 .contact-page { padding:45px 0; }
}

/* Concept images precede the text on every screen size. */
.subpage-visual { background:var(--bg-1); border-bottom:1px solid var(--outline); }
.subpage-visual img { display:block; width:100%; height:auto; margin:0; }
/* Disco motion: progressive enhancement, with reduced-motion support. */
@media all {
 .hero-art { animation:disco-scene 14s ease-in-out infinite alternate; transform-origin:65% 50%; }
 .subpage-visual { overflow:hidden; position:relative; isolation:isolate; }
 .subpage-visual img { animation:disco-scene 14s ease-in-out infinite alternate; }
 .subpage-visual::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 30%,rgba(239,216,170,.15) 45%,rgba(239,216,170,.03) 54%,transparent 65%); background-size:260% 100%; animation:disco-light 8s ease-in-out infinite; }
 .hero::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(115deg,transparent 30%,rgba(239,216,170,.13) 45%,transparent 62%); background-size:260% 100%; animation:disco-light 8s ease-in-out infinite; }
 .segment-art { animation:disco-groove 4.8s ease-in-out infinite; }
 .segment-art-2,.segment-art-5 { animation-delay:-1.6s; }
 .segment-art-3,.segment-art-6 { animation-delay:-3.2s; }
 .btn-primary { position:relative; overflow:hidden; isolation:isolate; transition:transform .25s ease,box-shadow .25s ease; }
 .btn-primary::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.48) 48%,transparent 65%); transform:translateX(-150%); animation:disco-button 6s ease-in-out infinite; }
 .btn-primary:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(198,166,108,.28); }
 .motion-ready { opacity:0; transform:translateY(32px); transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.25,1); }
 .motion-ready.is-visible { opacity:1; transform:none; }
 .motion-ready:focus-within { opacity:1; transform:none; }
 @keyframes disco-scene { from { transform:scale(1); } to { transform:scale(1.045); } }
 @keyframes disco-light { 0%,15% { background-position:100% 0; } 80%,100% { background-position:0% 0; } }
 @keyframes disco-groove {
  0%,100% { transform:translateY(0) rotate(-3deg) scale(1); box-shadow:0 8px 25px rgba(198,166,108,.08); }
  50% { transform:translateY(-10px) rotate(3deg) scale(1.04); box-shadow:0 12px 35px rgba(198,166,108,.25); }
 }
 @keyframes disco-button { 0%,55% { transform:translateX(-150%); } 85%,100% { transform:translateX(150%); } }
}
@media(max-width:760px) {
 .motion-ready { transform:translateY(22px); }
 .motion-ready.is-visible { transform:none; }
}


/* More visible disco movement, without flashing or moving body text. */
@media all {
 .hero-art,.subpage-visual img { animation-duration:7s; }
 .hero::before,.subpage-visual::after {
  background:linear-gradient(115deg,transparent 25%,rgba(239,216,170,.08) 34%,rgba(255,226,163,.42) 44%,rgba(255,240,202,.24) 50%,transparent 65%);
  background-size:240% 100%;
  animation:disco-light 4s ease-in-out infinite;
 }
 .hero::before { z-index:0; }
 .hero-inner { position:relative; z-index:1; }
 .segment-art { animation-duration:3s; }
 .btn-primary { animation:disco-gold-pulse 3s ease-in-out infinite; }
 .btn-primary::after { animation-duration:3s; }
 @keyframes disco-scene {
  from { transform:scale(1); }
  to { transform:scale(1.09); }
 }
 @keyframes disco-light {
  0% { background-position:120% 0; }
  100% { background-position:-20% 0; }
 }
 @keyframes disco-groove {
  0%,100% { transform:translateY(0) rotate(-6deg) scale(1); box-shadow:0 0 12px rgba(198,166,108,.15); }
  50% { transform:translateY(-13px) rotate(6deg) scale(1.07); box-shadow:0 0 32px rgba(239,216,170,.48); }
 }
 @keyframes disco-gold-pulse {
  0%,100% { box-shadow:0 0 0 rgba(198,166,108,0); }
  50% { box-shadow:0 0 25px rgba(239,216,170,.48); }
 }
}

header .wordmark-only { width:260px; }
header .wordmark-only img { width:138.314%; }
@media(max-width:1000px) { header .wordmark-only { width:210px; } }
@media(max-width:380px) { header .wordmark-only { width:175px; } }

.about-intro .prose h2 { font-size:30px; margin:28px 0 18px; letter-spacing:-1px; }
.contact-address { font-style:normal; margin-top:28px; font-size:14px; line-height:1.8; }
.form-field small { color:var(--text-muted); font-size:12px; }

/* Mobile contact priority: direct call, with an on-page enquiry alternative. */
.contact-choices { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.mobile-call,.mobile-form-link { display:none; }
@media(max-width:760px) {
 .contact-choices { flex-direction:column; align-items:flex-start; }
 .mobile-call { display:inline-flex; flex-wrap:wrap; gap:8px 18px; max-width:100%; }
 .mobile-call span { white-space:nowrap; }
 .mobile-form-link { display:inline-flex; }
 .contact-choices .enquiry-action { background:transparent; color:var(--gold-2); border:0; border-bottom:1px solid var(--outline); padding:10px 0; border-radius:0; animation:none; box-shadow:none; }
 .contact-choices .enquiry-action::after { content:none; }
 .contact-page-call { margin-top:26px; }
}
/* Editorial rhythm for the three story pages only. */
.editorial .detail-section { padding:88px 0; }
.editorial .editorial-lead { font:italic 30px/1.3 Georgia,serif; color:var(--gold-2); }
.editorial .detail-intro .prose { max-width:68ch; }
.editorial .detail-intro ul { display:grid; grid-template-columns:1fr 1fr; gap:12px 30px; margin:24px 0; list-style-type:'—  '; }
.editorial .detail-grid { align-items:center; }
.editorial .editorial-heading h2 { max-width:18ch; }
.editorial .editorial-heading .eyebrow { margin-bottom:20px; }
.editorial .decade-section h2 { font-size:clamp(38px,5vw,64px); letter-spacing:-2px; }
.editorial .decade-line { display:grid; grid-template-columns:repeat(4,1fr); margin:50px 0 34px; border-bottom:1px solid var(--gold-1); }
.editorial .decade-line article { position:relative; padding:0 22px 34px; border-left:1px solid var(--outline); }
.editorial .decade-line article::after { content:''; width:7px; height:7px; border-radius:50%; background:var(--gold-2); position:absolute; bottom:-4px; left:22px; box-shadow:0 0 18px #c6a66c; }
.editorial .era { font:clamp(52px,6vw,86px)/1.2 Georgia,serif; color:var(--gold-2); letter-spacing:-5px; white-space:nowrap; }
.editorial .era span { font-size:.45em; letter-spacing:-1px; }
.editorial h3 { font-size:15px; font-weight:500; margin:20px 0 10px; }
.editorial .decade-line p,.editorial .theme-list p,.editorial .era-note p { color:var(--text-muted); max-width:52ch; }
.editorial .era-note { display:flex; align-items:baseline; gap:36px; }
.editorial .era-note .eyebrow { flex-shrink:0; }
.editorial .big-occasion { font:clamp(34px,4vw,54px) Georgia,serif; color:var(--gold-1); margin-bottom:25px; }
.editorial .intro-duet { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; margin-top:30px; }
.editorial .intro-duet .prose { margin:0; }
.editorial .evening-score { border-top:1px solid var(--outline); border-bottom:1px solid var(--outline); padding:32px 0; }
.editorial .sound-bars { height:170px; display:flex; align-items:flex-end; gap:7px; }
.editorial .sound-bars i { flex:1; height:var(--bar); background:linear-gradient(to top,#755329,var(--gold-2)); transform-origin:bottom; animation:rb-score 2.6s ease-in-out infinite alternate; }
.editorial .sound-bars i:nth-child(3n) { animation-delay:-1.5s; }
.editorial .sound-bars i:nth-child(3n + 1) { animation-delay:-.7s; }
.editorial .score-labels { display:flex; justify-content:space-between; font-size:11px; color:var(--gold-2); margin-top:20px; }
.editorial .step-index { display:block; font:100px/1 Georgia,serif; color:var(--gold-1); margin-bottom:24px; }
.event-editorial .detail-section:nth-of-type(odd) .editorial-heading { order:2; }
.event-editorial .detail-section:nth-of-type(odd) .prose { order:1; }
.event-editorial .prose ul,.business-editorial .prose ul { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 26px; margin:22px 0; }
.event-editorial .prose li,.business-editorial .prose li { margin:0; padding:9px 0; border-bottom:1px solid var(--outline); font-size:14px; }
.editorial .theme-list { margin-top:60px; }
.editorial .theme-list article { display:grid; grid-template-columns:220px 1fr; align-items:center; gap:65px; padding:45px 0; border-top:1px solid var(--outline); }
.editorial .theme-list article:nth-child(2) { grid-template-columns:1fr 220px; text-align:right; }
.editorial .theme-list article:nth-child(2) .theme-mark { order:2; }
.editorial .theme-list article:nth-child(2) p { margin-left:auto; }
.editorial .theme-list h2 { font-size:clamp(32px,4.5vw,60px); margin-bottom:18px; letter-spacing:-1.5px; }
.editorial .theme-list .eyebrow { color:var(--gold-2); margin-bottom:14px; }
.editorial .theme-mark { display:grid; place-items:center; width:210px; height:210px; border:1px solid var(--gold-1); border-radius:50%; font:90px Georgia,serif; color:var(--gold-2); background:repeating-radial-gradient(ellipse at center,transparent 0 15px,rgba(198,166,108,.14) 16px 17px); }
.editorial .theme-footnote { color:var(--text-muted); font-size:14px; margin-top:25px; }
.editorial .gold-orbits { width:240px; height:115px; margin-top:32px; border-radius:50%; background:repeating-radial-gradient(ellipse at center,transparent 0 9px,rgba(198,166,108,.65) 10px 11px,transparent 12px 18px); transform:rotate(-18deg); }
@keyframes rb-score { from { transform:scaleY(.55); opacity:.65; } to { transform:scaleY(1); opacity:1; } }
@media(max-width:900px) {
 .editorial .intro-duet { grid-template-columns:1fr; gap:35px; }
 .editorial .decade-line { grid-template-columns:1fr 1fr; gap:35px 0; }
 .editorial .era { font-size:70px; }
 .event-editorial .detail-section .editorial-heading,.event-editorial .detail-section .prose { order:initial; }
}
@media(max-width:600px) {
 .editorial .detail-section { padding:55px 0; }
 .editorial .detail-intro ul { grid-template-columns:1fr; }
 .editorial .decade-line article { padding:0 12px 25px; }
 .editorial .era { font-size:53px; letter-spacing:-3px; }
 .editorial .decade-line p { font-size:14px; }
 .editorial .era-note { display:block; }
 .editorial .era-note .eyebrow { display:block; margin-bottom:12px; }
 .editorial .step-index { font-size:74px; margin-bottom:16px; }
 .editorial .theme-list article,.editorial .theme-list article:nth-child(2) { grid-template-columns:1fr; gap:25px; text-align:left; }
 .editorial .theme-list article:nth-child(2) .theme-mark { order:initial; }
 .editorial .theme-list article:nth-child(2) p { margin-left:0; }
 .editorial .theme-mark { width:135px; height:135px; font-size:60px; }
 .editorial .sound-bars { height:130px; gap:5px; }
}

/* Personal portrait on the contact page. Preserve the full composition. */
.about-layout { display:grid; grid-template-columns:1.15fr 1fr; column-gap:clamp(32px,5vw,80px); align-items:start; }
.about-layout > .eyebrow,.about-layout > h1,.about-layout > .prose,.about-layout > .text-link { grid-column:1; }
.about-layout > .about-portrait { grid-column:2; grid-row:1 / 5; width:100%; height:auto; display:block; align-self:center; border:1px solid var(--outline); }
.about-layout > .text-link { justify-self:start; margin-top:28px; }
@media(max-width:800px) {
 .about-layout { grid-template-columns:1fr; }
 .about-layout > .about-portrait { grid-column:1; grid-row:3; max-width:520px; margin:30px auto 0; }
}

/* Homepage mobile spacing polish — 2026-09-14. */
@media (max-width:600px) {
  body.home .home-segment { padding-top:44px; padding-bottom:42px; }
  body.home .home-segment.segment-quiet { padding-top:33px; padding-bottom:30px; }
  body.home .home-segment .segment-art { width:102px; }
  body.home .home-segment .segment-inner:has(.segment-art) { row-gap:18px; }
}
/* Mobile navigation: a compact thumb-reachable panel below the menu button. */
@media (max-width:760px) {
  header { position:relative; z-index:100; }
  .header-inner { position:relative; flex-wrap:nowrap; }
  .nav-toggle { min-height:48px; flex:0 0 auto; }
  .js body > header #mainNav.open {
    display:block;
    position:absolute;
    top:calc(100% - 1px);
    right:clamp(24px,5vw,80px);
    z-index:110;
    width:min(78vw,320px);
    padding:10px 20px;
    background:rgba(16,14,11,.98);
    border:1px solid var(--gold-1);
    box-shadow:0 18px 38px rgba(0,0,0,.48);
  }
  .js body > header #mainNav.open ul { width:100%; gap:0; align-items:stretch; }
  .js body > header #mainNav.open li:not(:last-child) { border-bottom:1px solid var(--outline); }
  .js body > header #mainNav.open a {
    display:flex;
    align-items:center;
    width:100%;
    min-height:52px;
    padding:12px 0;
    font-size:15px;
  }
  .js body > header #mainNav.open a[aria-current="page"] { border-bottom:0; }
}


/* Policy page layout — scoped to the privacy page only. */
.policy-page { padding:clamp(52px,7vw,96px) 0 80px; }
.policy-content { max-width:820px; margin:0 auto; color:var(--text-muted); font-size:16px; line-height:1.85; }
.policy-content h1 { margin:0 0 12px; color:var(--text-main); font-size:clamp(42px,5vw,68px); line-height:1.08; letter-spacing:-2px; }
.policy-content h2 { margin:52px 0 14px; color:var(--text-main); font-size:clamp(28px,3.4vw,42px); line-height:1.14; letter-spacing:-1px; }
.policy-content h3 { margin:30px 0 8px; color:var(--gold-2); font:600 18px/1.35 'Segoe UI',system-ui,sans-serif; letter-spacing:0; }
.policy-content p { margin:0 0 16px; }
.policy-content ul,.policy-content ol { margin:0 0 18px; padding-left:24px; }
.policy-content li + li { margin-top:6px; }
.policy-content a { color:var(--gold-2); text-decoration:underline; text-decoration-color:var(--gold-1); text-underline-offset:3px; }
.policy-content a:hover { color:var(--text-main); }
.policy-content > :first-child + * { margin-top:0; }
@media(max-width:760px) {
  .policy-page { padding:42px 0 56px; }
  .policy-content { font-size:15px; line-height:1.75; }
  .policy-content h1 { font-size:clamp(38px,10vw,54px); letter-spacing:-1.5px; }
  .policy-content h2 { margin-top:40px; font-size:clamp(28px,8vw,38px); }
  .policy-content h3 { font-size:17px; }
}

/* Contact priority: enquiry first on desktop, call first on mobile. */
.contact-page .contact-form { order:1; }
.contact-page .contact-header { order:2; }
.contact-page .contact-page-call .mobile-call { display:inline-flex; }
@media(max-width:760px) {
 .contact-page .contact-header { order:1; }
 .contact-page .contact-form { order:2; }
}

/* === RetroBeat povpraševanje (rbq) === */
.rbq *{min-width:0}
.rbq em{display:inline;padding:0;border:0;grid-template-columns:none;color:var(--gold-2);font-style:italic;font-weight:400}
.rbq :where(button:not(.btn)){font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.contact-inner:has(.rbq){align-items:start}
@media (min-width:901px){.contact-inner:has(.rbq) .contact-header{position:sticky;top:110px}}
.rbq-defs{position:absolute;width:0;height:0;overflow:hidden}
.rbq-block{padding:30px 0;border-top:1px solid var(--outline)}
.rbq-block.rbq-first{border-top:0;padding-top:0}
.rbq-head{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}
.rbq-head b{font-family:Georgia,serif;font-weight:400;color:var(--gold-1);font-size:14px;letter-spacing:1px}
.rbq-head h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:25px;letter-spacing:-.5px;line-height:1.2;margin:0;color:var(--text-main)}
.rbq-hint{font-size:12px;color:var(--text-muted);margin:-8px 0 16px}
.rbq-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}
.rbq .rbq-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 8px 16px;border:1px solid var(--outline);background:linear-gradient(180deg,rgba(239,216,170,.06),rgba(16,14,11,.6));text-align:center;transition:border-color .25s,background .25s,transform .25s}
.rbq .rbq-card:hover{border-color:var(--gold-1);transform:translateY(-2px)}
.rbq-card span{font-size:14px;line-height:1.3}
.rbq-card small{font-size:11px;color:var(--text-muted);line-height:1.35}
.rbq .rbq-card[aria-checked=true]{border-color:var(--gold-2);background:linear-gradient(180deg,rgba(239,216,170,.16),rgba(239,216,170,.03))}
.rbq-card[aria-checked=true]::before{content:'';position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 10px var(--gold-2)}
.rbq-card[aria-checked=true] .rbq-ic{filter:drop-shadow(0 0 10px rgba(239,216,170,.35))}
.rbq-ic{width:76px;height:76px;overflow:visible;flex:none}
.rbq-ic *{vector-effect:non-scaling-stroke}
.rbq-ic .s{fill:none;stroke:url(#rbq-gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rbq-ic .t{fill:none;stroke:url(#rbq-gold);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.rbq-ic .f{fill:url(#rbq-goldf);stroke:none}
.rbq-ic .d,.rbq-ic .spark{fill:var(--gold-2);stroke:none}
.rbq-when{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;align-items:start}
.rbq-cal{border:1px solid var(--outline);background:rgba(16,14,11,.55);padding:14px 14px 10px}
.rbq-cal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.rbq-cal-top strong{font-family:Georgia,serif;font-weight:400;font-size:18px;text-transform:capitalize}
.rbq .rbq-cal-top button{width:32px;height:32px;border:1px solid var(--outline);color:var(--gold-2);font-size:14px}
.rbq .rbq-cal-top button:disabled{opacity:.25;cursor:default}
.rbq-dow,.rbq-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.rbq-dow span{font-size:10px;letter-spacing:1.5px;color:var(--text-muted);padding:5px 0;text-transform:uppercase}
.rbq-dow span:nth-child(n+5){color:var(--gold-1)}
.rbq .rbq-days button{aspect-ratio:1;margin:2px;padding:0;font-size:14px;color:var(--text-main);border:1px solid transparent;transition:background .2s,border-color .2s}
.rbq .rbq-days button.wk{color:var(--gold-2)}
.rbq .rbq-days button:hover:not(:disabled){border-color:var(--gold-1)}
.rbq .rbq-days button:disabled{color:#4f473b;cursor:default}
.rbq .rbq-days button.today{border-color:var(--outline)}
.rbq .rbq-days button.sel{background:var(--gold-2);color:#20180c;box-shadow:0 0 16px rgba(239,216,170,.4)}
.rbq .rbq-nodate{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:10px;border-top:1px solid var(--outline);font-size:12px;color:var(--text-muted);width:100%}
.rbq .rbq-nodate i{width:14px;height:14px;border:1px solid var(--gold-1);display:inline-block}
.rbq .rbq-nodate[aria-pressed=true]{color:var(--gold-2)}
.rbq .rbq-nodate[aria-pressed=true] i{background:var(--gold-2)}
.rbq-night{display:flex;flex-direction:column;gap:16px}
.rbq-chosen{font-family:Georgia,serif;font-size:15px;color:var(--text-muted)}
.rbq-chosen strong{display:block;font-weight:400;font-size:clamp(32px,3vw,42px);letter-spacing:-1px;color:var(--text-main);line-height:1.1}
.rbq-chosen strong em{font-size:.6em;padding:0 6px;vertical-align:middle}
.rbq-dur{display:block;font-family:'Segoe UI',sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-1)}
.rbq-fader{position:relative;height:62px;margin:4px 8px 0}
.rbq-track{position:absolute;left:0;right:0;top:22px;height:4px;background:linear-gradient(90deg,#3a3227,#5a4a32 40%,#2b241b 75%,#3a3227)}
.rbq-fill{position:absolute;top:22px;height:4px;background:var(--gold-2);box-shadow:0 0 14px rgba(239,216,170,.6)}
.rbq-ticks{position:absolute;left:0;right:0;top:36px;display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}
.rbq-ticks span{position:relative;width:0;display:flex;justify-content:center}
.rbq-ticks span::before{content:'';position:absolute;top:-10px;width:1px;height:6px;background:var(--outline)}
.rbq .rbq-fader input{position:absolute;left:0;right:0;top:8px;width:100%;height:32px;padding:0;margin:0;border:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none;outline:none}
.rbq-fader input::-webkit-slider-runnable-track{background:none}
.rbq-fader input::-moz-range-track{background:none}
.rbq-fader input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:32px;border:1px solid #8a7043;border-radius:2px;cursor:grab;background:linear-gradient(180deg,#f6e4c4 0,#f6e4c4 46%,#20180c 46%,#20180c 54%,#c6a66c 54%);box-shadow:0 2px 10px rgba(0,0,0,.6)}
.rbq-fader input::-moz-range-thumb{pointer-events:auto;width:16px;height:32px;border:1px solid #8a7043;border-radius:2px;cursor:grab;background:linear-gradient(180deg,#f6e4c4 0,#f6e4c4 46%,#20180c 46%,#20180c 54%,#c6a66c 54%)}
.rbq-moon{font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between}
.rbq .rbq-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid #78684e;background:rgba(16,14,11,.5);padding:2px 6px;font-size:16px;color:var(--text-main)}
.rbq .rbq-field:focus-within{border-bottom-color:var(--gold-2)}
.rbq-field svg{width:20px;height:20px;stroke:var(--gold-1);fill:none;stroke-width:1.4;flex:none}
.rbq .rbq-field input,.rbq .rbq-field textarea{flex:1;width:100%;border:0;background:none;padding:12px 0;color:var(--text-main);font:inherit;font-size:16px;outline:none}
.rbq .rbq-field textarea{resize:vertical;min-height:96px}
.rbq-needs{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
.rbq .rbq-need{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--outline);background:rgba(16,14,11,.55);text-align:left;font-size:13px;line-height:1.3;transition:border-color .2s,background .2s}
.rbq .rbq-need .rbq-ic{width:40px;height:40px}
.rbq .rbq-need:hover{border-color:var(--gold-1)}
.rbq .rbq-need[aria-pressed=true]{border-color:var(--gold-2);background:rgba(239,216,170,.1)}
.rbq-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin-bottom:20px}
.rbq-lab{display:block;font-size:12px;color:var(--gold-2);margin-bottom:4px}
.rbq-lab i{font-style:normal;color:var(--gold-1)}
.rbq-send{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px}
.rbq-send p{font-size:12px;color:var(--text-muted);max-width:300px;margin:0}
.rbq-send p strong{color:var(--gold-2);font-weight:500}
.rbq .rbq-card:focus-visible,.rbq .rbq-need:focus-visible,.rbq .rbq-days button:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.rbq-shake{animation:rbq-shake .4s}
@keyframes rbq-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* rbq: slikovne ikone, brez harmonike */
.rbq-img{display:block;width:100%;height:auto;mix-blend-mode:screen;pointer-events:none}
.rbq .rbq-card{gap:6px;padding:12px 8px 16px}
.rbq-card .rbq-img{max-width:150px}
.rbq-card[aria-checked=true] .rbq-img{filter:brightness(1.15) drop-shadow(0 0 12px rgba(239,216,170,.3))}
.rbq-needs{grid-template-columns:1fr 1fr}
.rbq .rbq-need{position:relative;flex-direction:column;justify-content:flex-start;gap:4px;padding:10px 10px 16px;text-align:center}
.rbq-need .rbq-img{max-width:104px;aspect-ratio:1;object-fit:cover;object-position:50% 42%;margin-bottom:4px}
.rbq-need span{font-size:15px;line-height:1.25;color:var(--text-main)}
.rbq-need small{font-size:12px;line-height:1.4;color:var(--text-muted)}
.rbq .rbq-need[aria-pressed=true]::before{content:'';position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 10px var(--gold-2)}
.rbq-need[aria-pressed=true] .rbq-img{filter:brightness(1.15) drop-shadow(0 0 12px rgba(239,216,170,.3))}
@media (max-width:900px){
.rbq .rbq-block{padding:24px 0}
.rbq .rbq-block.rbq-first{padding-top:0}
.rbq .rbq-head{margin-bottom:16px}
.rbq .rbq-head h3{font-size:22px}
.rbq .rbq-cards,.rbq .rbq-needs{grid-template-columns:1fr 1fr}
.rbq .rbq-card{padding:8px 6px 12px}
.rbq .rbq-card .rbq-img{max-width:130px}
.rbq .rbq-need{padding:8px 8px 14px}
.rbq .rbq-need .rbq-img{max-width:84px}
.rbq-need span{font-size:14px}
.rbq-need small{font-size:11px}
.rbq .rbq-send{margin-top:20px}
}
/* rbq: število gostov */
.rbq-guests{margin-top:20px;animation:rbq-g .3s ease}
.rbq-guests[hidden]{display:none}
.rbq-pills{display:flex;flex-wrap:wrap;gap:8px}
.rbq .rbq-pill{min-height:44px;padding:10px 18px;border:1px solid var(--outline);background:rgba(16,14,11,.55);font-size:14px;color:var(--text-main);transition:border-color .2s,background .2s,color .2s}
.rbq .rbq-pill:hover{border-color:var(--gold-1)}
.rbq .rbq-pill[aria-checked=true]{border-color:var(--gold-2);background:var(--gold-2);color:#20180c}
.rbq .rbq-pill:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
@keyframes rbq-g{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:900px){.rbq-pills{display:grid;grid-template-columns:1fr 1fr}}