@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-latin-ext.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:block;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-latin.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:block}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:block}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:block}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-900.woff2") format("woff2");font-weight:900;font-style:normal;font-display:block}
@font-face{font-family:"Big Shoulders Display";src:url("../fonts/big-shoulders-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:block}
@font-face{font-family:"Big Shoulders Display";src:url("../fonts/big-shoulders-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:block}
@font-face{font-family:"Big Shoulders Display";src:url("../fonts/big-shoulders-900.ttf") format("truetype");font-weight:900;font-style:normal;font-display:block}
:root{--black:#050505;--panel:#0d0d0d;--orange:#f04b0f;--white:#f5f3ef;--muted:#c9c7c1;--line:#393939;--content:1488px;--hero-overlay-wide:linear-gradient(90deg,#050505 0%,#050505 22%,rgba(5,5,5,.98) 31%,rgba(5,5,5,.70) 44%,rgba(5,5,5,.14) 71%,rgba(5,5,5,0) 90%),linear-gradient(0deg,rgba(5,5,5,.48),transparent 43%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--black);color:var(--white);font-family:Montserrat,sans-serif;line-height:1.5}html.menu-scroll-locked{overflow:hidden}.mobile-nav-injected{display:none}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,textarea,select{font:inherit}

.header{position:sticky;top:0;z-index:10;width:calc(100% - 48px);max-width:var(--content);height:76px;margin:0 auto;display:flex;align-items:center;gap:30px;padding:6px 24px;box-sizing:border-box;background:var(--black);border-bottom:1px solid #171717;overflow:visible;isolation:isolate}
.logo{width:285px;min-width:285px}.logo img{width:100%;height:62px;object-fit:contain;object-position:left center}
.nav{flex:1;display:flex;justify-content:center;align-items:center;gap:24px}.nav a{position:relative;padding:28px 0 25px;white-space:nowrap;text-transform:uppercase;font:700 22px/1 "Big Shoulders Display","Barlow Condensed",sans-serif}.nav a:hover,.nav a.active{color:var(--orange)}
.menu-button{display:none}

/* Shared return navigation used by band profiles and their public materials. */
.band-return a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 0; color: var(--orange); font-weight: 700; }
.band-return a:hover { text-decoration: underline; }
.band-return a:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }

.page-hero{position:relative;width:calc(100% - 48px);max-width:var(--content);height:590px;margin:0 auto;overflow:hidden;background:#050505}.page-hero-photo{position:absolute;inset:0 0 0 30%;width:70%;height:var(--hero-image-height,100%);object-fit:var(--hero-image-fit,cover);object-position:var(--hero-image-position,center);filter:grayscale(.55) sepia(.55) saturate(1.8) hue-rotate(338deg) contrast(1.12)}.page-overlay{position:absolute;inset:0;background:var(--hero-overlay,var(--hero-overlay-wide))}
.page-copy{position:relative;z-index:1;width:min(750px,50%);height:100%;padding:12px 24px 32px;display:flex;flex-direction:column;justify-content:flex-start}.page-service-icon{width:52px;height:52px;margin-bottom:18px;fill:none;stroke:var(--orange);stroke-width:2}.page-title,.section-head h2,.cta-band h2{margin:0;text-transform:uppercase;font-family:"Big Shoulders Display","Barlow Condensed",sans-serif;font-weight:900;letter-spacing:-.045em}.page-title{font-size:clamp(108px,7.7vw,150px);line-height:.78;letter-spacing:normal}.title-white{color:var(--white)}.title-orange,.kicker{color:var(--orange)}.title-line{display:block}.kicker{text-transform:uppercase;font:700 28px/1.05 "Big Shoulders Display","Barlow Condensed",sans-serif}.category-dot{color:var(--white);padding:0 .26em}.rule{width:80px;height:3px;background:var(--orange)}.lead{margin:0;color:#f4f4f2;font-size:23px;line-height:1.35}

.section{width:calc(100% - 48px);max-width:var(--content);margin:0 auto;padding:28px 24px 44px}.section.dark{background:#080808;border-top:1px solid #252525;border-bottom:1px solid #252525}.section-head{max-width:930px;margin-bottom:20px}.section-head h2{font-size:76px;line-height:.88;margin-bottom:12px}.section p{font-size:17px;color:#d1cfca}.section-head > p:not(.kicker):not(.section-label){font-size:18px;line-height:1.45}.grid{display:grid;gap:0;border:1px solid var(--white);background:#111}.page-services .intro-section .grid{border-color:var(--orange);grid-auto-rows:220px}.section.dark .grid{border:1px solid var(--white);gap:8px;padding:8px;background:#080808}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid article{min-height:220px;padding:18px;background:linear-gradient(180deg,#111,#080808);border:1px solid var(--line)}.section.dark .grid article{border:0}.grid article h3{margin:14px 0 9px;text-transform:uppercase;font:800 29px/.95 "Barlow Condensed",sans-serif}.grid article p{margin:0}.grid article .tag{display:block;margin-bottom:8px;color:var(--orange);text-transform:uppercase;font:700 24px/1 "Barlow Condensed",sans-serif}.realization-image{width:100%;height:210px;object-fit:cover}.realization-posters{display:grid;grid-template-columns:1fr 1fr;height:105px;gap:4px;padding:4px;background:#111}.realization-posters img{width:100%;height:100%;object-fit:contain;background:#080808}
.steps{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--white)}.steps div{min-height:81px;padding:10px 14px;background:#0d0d0d;border-right:1px solid var(--line)}.steps b{display:block;margin-bottom:6px;color:var(--orange);font:700 17px/1 "Barlow Condensed",sans-serif}.steps span{font:800 24px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.cta-band{width:calc(100% - 48px);max-width:var(--content);margin:0 auto;padding:21px 24px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:35px}.cta-band h2{font-size:70px;line-height:.9}.button{display:inline-flex;align-items:center;min-height:58px;padding:15px 24px;border:1px solid var(--orange);background:var(--orange);color:var(--black);text-transform:uppercase;font:800 19px/1 "Barlow Condensed",sans-serif}
.footer{margin-top:0;background:#070707;border-top:0}.footer::before{content:"";display:block;width:calc(100% - 48px);max-width:var(--content);height:1px;margin:0 auto;background:var(--orange)}.footer-grid{width:calc(100% - 48px);max-width:var(--content);margin:auto;padding:28px 24px 12px;display:grid;grid-template-columns:1.2fr 1fr 1.5fr 1.1fr;gap:24px;align-items:start}.footer-grid>section{align-self:start;min-width:0}.footer h3{margin:0 0 9px;color:var(--orange);text-transform:uppercase;font:700 18px/1 "Barlow Condensed",sans-serif}.footer p,.footer a{margin:0 0 5px;color:#aaa;font:400 13px/1.35 "Barlow",sans-serif}.footer a{text-decoration:none}.footer-brand img{display:block;width:180px;height:auto;margin:0 0 7px}.footer-social{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:8px 0 0}.footer-contact-list{display:grid;gap:4px;margin:0}.footer-contact-list p{margin:0;line-height:1.35}.footer-social .circle,.footer-social .youtube{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #fff;border-radius:50%;color:#fff;font:700 11px/1 Arial,sans-serif}.footer-social .youtube{width:22px;border-radius:4px;font-size:10px}.footer-bottom{width:calc(100% - 48px);max-width:var(--content);margin:auto;padding:8px 24px 10px;display:flex;align-items:center;gap:24px;border-top:1px solid rgba(245,243,239,.55);color:#777;font:400 12px/1.3 "Barlow",sans-serif}.footer-bottom span:last-child{margin-left:auto;text-align:right}


.section-label,.section-head > .kicker,.cta-band .kicker{display:inline-block;width:max-content;max-width:100%;box-sizing:border-box;margin:0 0 10px;padding:5px 8px;border:1px solid var(--orange);background:var(--orange);color:var(--white);font:700 28px/1.05 "Big Shoulders Display","Barlow Condensed",sans-serif;text-transform:uppercase}
.section.intro-section{padding-top:10px}.content-lower-group{position:relative;z-index:2;margin-top:0}
@media(max-width:1450px){.header{gap:17px;padding-left:22px;padding-right:22px}.logo{width:250px;min-width:250px}.nav{gap:15px}.nav a{font-size:22px}}
@media(max-width:1050px){.menu-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;padding:11px 15px;border:0;background:var(--orange);color:#111;font-weight:800;cursor:pointer;touch-action:manipulation}.menu-button:focus-visible,.nav a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.header.menu-open{z-index:2147483000}.nav{display:flex;position:absolute;z-index:1;left:0;right:0;top:76px;max-height:calc(100vh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 20px;background:#080808;border-bottom:1px solid var(--orange);flex-direction:column;align-items:stretch;gap:0}.header.menu-ready .nav{display:none}.header.menu-ready .nav.open{display:flex;position:fixed;left:0;right:0;top:76px;bottom:0;max-height:none;z-index:1}.nav a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding:8px 0;color:var(--white);font-size:clamp(22px,7vw,30px);font-weight:800;line-height:1.05;white-space:normal;touch-action:manipulation}.nav a.mobile-nav-injected{display:flex}.nav a[data-mobile-priority]{min-height:48px;margin:0 0 8px;padding:10px 14px;border:1px solid var(--orange);font-size:24px}.nav a[data-mobile-priority="contest"]{order:-2;background:var(--orange);color:#111}.nav a[data-mobile-priority="tickets"]{order:-1;background:#111;color:var(--white)}.page-copy{width:78%;min-width:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){
  .nav{gap:10px;padding:14px 16px 20px}
  .nav a{display:flex;align-items:center;box-sizing:border-box;min-height:56px;padding:12px 16px;border:1px solid var(--line);background:#0d0d0d;color:var(--white);font-size:clamp(24px,7vw,30px);font-weight:800;line-height:1.05}
  .nav a.active:not([data-mobile-priority]){border-color:var(--line);box-shadow:inset 3px 0 0 var(--orange);color:var(--white)}
  .header.menu-ready .nav.open a{font-size:26px;font-weight:800;line-height:1.05}
  .nav a[href="index.html"]{order:1}
  .nav a[data-mobile-priority="tickets"]{order:2;min-height:56px;margin:0;padding:12px 16px;border-color:var(--orange);background:var(--orange);color:#111;font-size:clamp(24px,7vw,30px)}
  .nav a[data-mobile-priority="contest"]{order:3;min-height:56px;margin:0;padding:12px 16px;border-color:var(--orange);background:#0d0d0d;color:var(--orange);font-size:clamp(24px,7vw,30px)}
  .nav a[href="akce-na-klic.html"]{order:4}
  .nav a[href="kapely-a-umelci.html"]{order:5}
  .nav a[href="grafika-tisk-promo.html"]{order:6}
  .nav a[href="audio-studio.html"]{order:7}
  .nav a[href="publishing-house.html"]{order:8}
  .nav a[href="o-forfun.html"]{order:9}
  .nav a[href="kontakt.html"]{order:10}
}

@media(max-width:680px){.header{width:100%;height:68px;padding:5px 16px}.logo{width:190px;min-width:190px}.logo img{height:54px}.nav{top:68px;max-height:calc(100vh - 68px);justify-content:flex-start}.nav a{flex-shrink:0}.nav a[data-mobile-priority]{order:0}.header.menu-ready .nav.open{top:68px}.page-hero{width:100%;height:560px}.page-hero-photo{left:0;width:100%;opacity:var(--hero-image-opacity,.62)}.page-overlay{background:var(--hero-overlay,linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.56)),linear-gradient(0deg,rgba(5,5,5,.6),transparent))}.o-forfun-page .page-overlay,.artists-page .page-overlay,.page-services .page-overlay,.page-hero:has(>.page-hero-photo[src$="/hero-graficke-prace.jpg"]) .page-overlay,.audio-studio-page .page-overlay,.publishing-page .page-overlay,.page-tickets .page-overlay{--hero-overlay:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.25)),linear-gradient(0deg,rgba(5,5,5,.6),transparent)}.page-copy{width:100%;padding:48px 24px}.page-title{font-size:clamp(60px,17vw,82px)}.kicker{font-size:23px}.lead{font-size:18px}.section,.cta-band{width:100%;padding:42px 24px}.section-head h2{font-size:clamp(52px,14vw,76px)}.grid.three,.steps{grid-template-columns:minmax(0,1fr)}.page-services .intro-section .grid{grid-auto-rows:auto}.page-services .intro-section .grid > article:not(:has(img,video,audio,iframe,form)),.audio-studio-page .intro-section .grid > article:not(:has(img,video,audio,iframe,form)){min-height:0}.cta-band{display:block}.cta-band .button{margin-top:24px}.footer-grid{width:100%;grid-template-columns:1fr;padding:34px 24px 22px}.footer-contact-list{margin-top:0}.footer-social{margin-top:10px}.footer-bottom{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 16px;padding:16px 24px}.footer-bottom>span{grid-column:1 / -1}.footer-bottom span:last-child{margin-left:0;text-align:left;font-size:11px}}
.hero-divider-clean{display:block;width:100%;height:1px;padding:0;flex:0 0 auto;background:#f5f3ef;border:0;box-shadow:none;outline:0}

/* Shared hero-intro component: standard pages keep the reference divider on the wrapper geometry. */
.hero-intro{height:auto;padding:var(--hero-intro-padding,12px 24px 28px);display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}
.hero-intro .page-service-icon{flex:0 0 52px}
.hero-intro .page-title{flex:0 0 auto;margin-bottom:18px}
.hero-intro .kicker{flex:0 0 auto;margin:2px 0 10px}
.hero-intro .rule{flex:0 0 auto;margin:8px 0 12px}
.hero-intro .lead{flex:0 0 auto;margin:0}
.hero-intro .hero-divider-clean{margin-top:9px}
.hero-intro--long{height:auto;min-height:0}
.page-hero--standard,.page-hero--long{height:auto}
@media(max-width:680px){.hero-intro{height:auto;padding:var(--hero-intro-padding,48px 24px)}.hero-intro--long{height:auto}}

.social{display:flex;align-items:center;flex:0 0 auto;gap:8px;margin-left:0;padding:0}.social[aria-hidden="true"]{visibility:hidden}.social a{display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;text-decoration:none}.social .circle,.social .youtube{width:20px;height:20px;border:1px solid #fff;border-radius:50%;font:700 11px/1 Arial,sans-serif}.social .youtube{width:22px;border-radius:4px;font-size:10px}@media(max-width:1050px){.social{display:none}}
.section .section-head .section-label,.section .section-head .kicker,.cta-band .kicker{font-family:"Big Shoulders Display","Barlow Condensed",sans-serif;font-size:28px;font-weight:700;line-height:1.05;color:#f5f3ef;background:#f04b0f;border-color:#f04b0f}
.grid .realization-posters-card {
  box-sizing: border-box;
  align-self: start;
  min-height: 0;
  height: auto;
  padding: 18px;
  overflow: visible;
  text-align: left;
}
#realizace .grid.three { align-items: start; }
.grid .realization-posters-card .realization-posters {
  position: static;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 150px;
  min-height: 150px;
  max-height: 150px;
  box-sizing: border-box;
  margin: 0 0 12px;
  padding: 3px;
  gap: 3px;
  overflow: hidden;
}
.grid .realization-posters-card .realization-posters img {
  position: static;
  display: block;
  width: 100%;
  height: 142px;
  min-height: 0;
  max-height: 142px;
  object-fit: contain;
  background: #080808;
}
.grid .realization-posters-card .realization-posters.realization-single {
  display: block;
  width: calc(100% + 4px);
  height: 210px;
  min-height: 210px;
  max-height: 210px;
  margin: 0 0 12px;
  padding: 0;
  transform: translateX(-4px);
}
.grid .realization-posters-card .realization-posters.realization-single img {
  display: block;
  width: 100%;
  height: 210px;
  min-height: 210px;
  max-height: 210px;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
}
.grid .realization-posters-card h3,
.grid .realization-posters-card p {
  position: static;
  display: block;
  clear: both;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  text-align-last: left;
}
.grid .realization-posters-card h3 { margin: 0 0 9px; }
.grid .realization-posters-card p { margin: 0; }

.page-services .intro-section .ticket-service .smsticket-mark{display:block;width:200px;height:auto;margin:0;object-fit:contain;object-position:left center;align-self:flex-start}

/* Reference-page CTA refinements: keep the approved layout and guide the eye to Contact. */
.cta-band-contact .cta-copy{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;align-items:center;min-width:0;column-gap:22px;row-gap:0}
.cta-band-contact .cta-copy::after{content:"······➜";grid-column:2;grid-row:2;display:inline-block;color:var(--orange);font:700 22px/1 "Barlow Condensed",sans-serif;letter-spacing:2px;opacity:.85;white-space:nowrap}
.cta-band-contact .cta-copy .section-label{grid-column:1;grid-row:1;justify-self:start}
.cta-band-contact .cta-copy h2{grid-column:1;grid-row:2}
@media(max-width:680px){.cta-band-contact .cta-copy{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.cta-band-contact .cta-copy::after{content:"······↓";font-size:18px;letter-spacing:1px}}

/* Reference-page emphasis: the requested numbers and hero separators. */
.grid article .tag{font-size:24px;line-height:24px}
.page-hero .category-dot{display:inline-block;padding:0 .32em;transform:none;line-height:1;vertical-align:-.08em;font-size:42px;color:var(--white)}

/* Shared steps support both linked steps and compact content cards. */
.steps>a{display:block;min-height:81px;padding:10px 14px;background:#0d0d0d;border-right:1px solid var(--line);color:inherit;text-decoration:none}
.steps>a b{display:block;margin-bottom:6px;color:var(--orange);font:700 17px/1 "Barlow Condensed",sans-serif}
.steps>a span{font:800 24px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
/* The production page extends the existing five-step component with concise descriptions. */
.page-services .steps>div{display:flex;min-height:128px;flex-direction:column}
.page-services .steps .process-step-copy{display:block;margin-top:9px;color:#d1cfca;font:italic 400 15px/1.35 "Barlow",sans-serif}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px;border-color:var(--orange)}
@media(max-width:680px){.grid.two{grid-template-columns:1fr;grid-auto-rows:auto}}

/* Shared structural primitives for content pages. */
.styled-heading{font-family:"Big Shoulders Display","Barlow Condensed",sans-serif;font-weight:900;letter-spacing:-.045em;text-transform:uppercase}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:28px;align-items:start}.split-copy{min-width:0}.split-copy p{margin:0 0 16px}.split-media{min-width:0}.split-media img{width:100%;height:auto;max-height:520px;object-fit:cover}
.video-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-embed{width:100%;aspect-ratio:16/9;border:1px solid var(--orange);background:#090909}.video-embed iframe,.video-embed video{display:block;width:100%;height:100%;border:0;object-fit:cover}.video-grid article{min-width:0}.video-caption{margin:9px 0 0}
.info-card{padding:18px;background:linear-gradient(180deg,#111,#080808);border:1px solid var(--line)}.info-card h3{margin:0 0 10px;text-transform:uppercase;font:800 29px/.95 "Barlow Condensed",sans-serif}.info-card p{margin:0 0 18px}.covers-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.covers-downloads .info-card{display:flex;flex-direction:column;align-items:flex-start}.covers-downloads .button{margin-top:18px}
.spotify-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:28px;align-items:center}.spotify-feature iframe{display:block;width:100%;min-height:352px;border:1px solid var(--orange);background:#090909}.spotify-copy{padding:32px;background:#101010;border:1px solid var(--orange)}.spotify-copy h3{margin:0 0 12px;color:var(--orange)}
.album-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stream-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stream-links a{display:block;min-width:0;padding:9px 10px;border:1px solid var(--line);color:var(--white);overflow-wrap:anywhere}.video-poster{position:relative;display:block}.video-poster img{width:100%;aspect-ratio:16/9;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--orange);border-radius:50%;background:rgba(5,5,5,.8);color:var(--orange)}
@media(max-width:760px){.split{grid-template-columns:1fr}.video-grid.three,.covers-downloads{grid-template-columns:1fr}.spotify-feature,.album-action-grid{grid-template-columns:1fr}.stream-links{grid-template-columns:1fr}.spotify-copy{padding:24px}}