/* Cuatro Manos – ciemne drewno, czerń i brąz. Układ: jeden długi scroll, zdjęcia z paralaksą, tekst płynie nad nimi. */
:root{
  --ink:var(--wp--preset--color--ink);--walnut:var(--wp--preset--color--walnut);--oak:var(--wp--preset--color--oak);
  --mahogany:var(--wp--preset--color--mahogany);--honey:var(--wp--preset--color--honey);--sand:var(--wp--preset--color--sand);
  --bone:var(--wp--preset--color--bone);--muted:var(--wp--preset--color--muted);
  --line:rgba(216,196,163,.16);
  --display:var(--wp--preset--font-family--display);--body:var(--wp--preset--font-family--body);
  --gutter:clamp(24px,7vw,120px);
}
html{scroll-behavior:smooth;background:var(--ink)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{overflow-x:hidden}
:focus-visible{outline:2px solid var(--honey);outline-offset:3px}
:where(h1,h2,h3){text-wrap:balance}
:where(h1,h2,h3) em{color:var(--honey);font-style:italic}
.wp-site-blocks>*,.cm-main>*{margin-block-start:0!important}
[id]{scroll-margin-top:72px}

/* nagłówek */
.cm-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;padding-block:16px;border-bottom:1px solid transparent;transition:background .5s,border-color .5s,padding .4s}
.cm-header.is-solid{background:rgba(28,20,16,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--line);padding-block:10px}
.cm-header:has(.is-menu-open){backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ink)}
body.admin-bar .cm-header{top:calc(32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){body.admin-bar .cm-header{top:calc(46px + env(safe-area-inset-top,0px))}}
.wp-site-blocks>header{position:sticky;top:0;z-index:30}
body.admin-bar .wp-site-blocks>header{top:32px}
@media (max-width:782px){body.admin-bar .wp-site-blocks>header{top:46px}}
.cm-mark{font-family:var(--display);font-size:1.35rem;letter-spacing:.06em;margin:0;white-space:nowrap;display:flex;align-items:baseline;gap:.7rem}
.cm-mark a{text-decoration:none;color:var(--bone)}
.cm-mark::after{content:"guitar duo";font-family:var(--body);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--honey);font-weight:500}
@media (max-width:480px){.cm-mark::after{display:none}}
.cm-nav{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500}
.cm-nav a{color:var(--sand);text-decoration:none;position:relative;padding-block:4px;transition:color .3s}
.cm-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--honey);transition:right .45s cubic-bezier(.2,.7,.2,1)}
.cm-nav a:hover{color:var(--bone)}
.cm-nav a:hover::after{right:0}
.cm-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--ink)!important;color:var(--bone)!important;position:fixed!important;inset:0!important;z-index:100000!important;padding:28px var(--gutter)!important}
.cm-nav .wp-block-navigation__responsive-container.is-menu-open a{font-size:1.8rem;font-family:var(--display);letter-spacing:.02em;text-transform:none;color:var(--bone)}
.cm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:1.4rem;align-items:flex-start}
.cm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:3.5rem;align-items:flex-start}

/* wspólne */
.cm-eyebrow{font-size:.72rem!important;letter-spacing:.3em;text-transform:uppercase;color:var(--honey);font-weight:500;margin:0;display:flex;align-items:center;gap:14px}
.cm-eyebrow::before{content:"";width:32px;height:1px;background:var(--honey);flex:none}
.cm-section{padding-block:clamp(72px,11vw,150px)!important}
.cm-sec-head{margin-bottom:clamp(36px,6vw,64px)!important;gap:20px}
.cm-sec-head h2{margin:.5rem 0 0}
.wp-block-button__link{transition:background .35s,color .35s,transform .35s;white-space:nowrap}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.is-style-outline>.wp-block-button__link{border:1px solid var(--sand);color:var(--bone);background:transparent;padding:13px 27px}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.wp-block-cover.is-light .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{color:var(--bone)}

/* struny: sześć linii, które "szarpnięte" drgają po wejściu w ekran */
.cm-strings{display:flex;flex-direction:column;gap:9px;max-width:var(--wp--style--global--wide-size,1180px);margin-inline:auto;padding-block:6px}
.cm-strings i{display:block;height:1px;background:linear-gradient(90deg,rgba(201,149,79,0),rgba(201,149,79,.8) 18%,rgba(216,196,163,.5) 70%,rgba(201,149,79,0));transform-origin:50% 50%}
.cm-strings i:nth-child(1){opacity:.9;height:2px}.cm-strings i:nth-child(2){opacity:.8;height:1.6px}.cm-strings i:nth-child(3){opacity:.7;height:1.3px}
.cm-strings i:nth-child(4){opacity:.55}.cm-strings i:nth-child(5){opacity:.45}.cm-strings i:nth-child(6){opacity:.35}
@keyframes pluck{0%{transform:scaleY(1) translateY(0)}12%{transform:scaleY(5) translateY(-1px)}28%{transform:scaleY(-4) translateY(1px)}44%{transform:scaleY(3) translateY(-.5px)}60%{transform:scaleY(-2)}78%{transform:scaleY(1.5)}100%{transform:scaleY(1)}}
.cm-strings.in i{animation:pluck 1.5s cubic-bezier(.3,.7,.3,1) both}
.cm-strings.in i:nth-child(2){animation-delay:.07s}.cm-strings.in i:nth-child(3){animation-delay:.14s}.cm-strings.in i:nth-child(4){animation-delay:.21s}.cm-strings.in i:nth-child(5){animation-delay:.28s}.cm-strings.in i:nth-child(6){animation-delay:.35s}

/* paralaksa okładek */
.cm-parallax{overflow:hidden;isolation:isolate}
.cm-parallax>.wp-block-cover__image-background{top:-18%!important;height:136%!important;bottom:auto!important;will-change:transform}
.cm-parallax>.wp-block-cover__inner-container{will-change:transform}

/* hero */
.cm-hero{padding-top:clamp(120px,15vw,180px)!important;padding-bottom:clamp(60px,8vw,110px)!important;padding-inline:var(--gutter)!important}
.cm-hero>.wp-block-cover__background{opacity:1!important;background:
  linear-gradient(100deg,rgba(28,20,16,.74) 0%,rgba(28,20,16,.34) 42%,rgba(28,20,16,0) 75%),
  linear-gradient(0deg,var(--ink) 0%,rgba(28,20,16,0) 20%),
  linear-gradient(180deg,rgba(28,20,16,.5) 0%,rgba(28,20,16,0) 18%)!important}
.cm-hero>.wp-block-cover__inner-container{width:100%!important}
.cm-hero-cols{gap:clamp(24px,5vw,72px)!important;margin:0 auto!important}
.cm-name{font-size:clamp(3.6rem,9vw,8.2rem)!important;line-height:.9!important;letter-spacing:-.02em;margin:.9rem 0 0;font-weight:300}
.cm-name em{display:block;padding-left:clamp(28px,6vw,110px)}
.cm-lede{font-size:1.15rem;color:var(--sand);margin-top:30px;max-width:38ch}
.cm-hero .wp-block-buttons{gap:12px;margin-top:6px}
.cm-note{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:10px;margin-top:20px;letter-spacing:.06em}
.cm-note::before{content:"";width:28px;height:1px;background:var(--honey);flex:none}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.cm-js .cm-hero .cm-eyebrow,.cm-js .cm-hero .cm-name,.cm-js .cm-hero .cm-lede,.cm-js .cm-hero .wp-block-buttons,.cm-js .cm-hero .cm-note{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
.cm-js .cm-hero .cm-name{animation-delay:.12s}.cm-js .cm-hero .cm-lede{animation-delay:.3s}.cm-js .cm-hero .wp-block-buttons{animation-delay:.45s}.cm-js .cm-hero .cm-note{animation-delay:.6s}

/* O duecie */
.cm-about{background:var(--ink)}
.cm-lead{font-family:var(--display);font-size:clamp(1.35rem,2.5vw,2.05rem);line-height:1.38;font-weight:300;color:var(--bone);max-width:34ch;margin:0}
.cm-text{color:var(--sand);max-width:46ch}
.cm-duo{gap:clamp(28px,5vw,64px)!important;margin-top:clamp(56px,8vw,100px)!important}
.cm-person figure{margin:0 0 22px;overflow:hidden;position:relative;border-radius:2px}
.cm-person figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;filter:sepia(.35) saturate(.85) brightness(.82);transition:filter .9s,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.cm-person:hover figure img{filter:sepia(.05) saturate(1) brightness(.98);transform:scale(1.035)}
.cm-person figure::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(216,196,163,.14),inset 0 -90px 90px -60px rgba(28,20,16,.7);pointer-events:none}
.cm-person h3{margin:0;font-size:clamp(1.8rem,3vw,2.4rem)!important}
.cm-role{font-size:.72rem!important;letter-spacing:.26em;text-transform:uppercase;color:var(--honey);margin:.5rem 0 1rem!important}
.cm-person p:not(.cm-role){color:var(--sand);font-size:.98rem}
.cm-more{margin-top:1rem}
.cm-more summary{list-style:none;cursor:pointer;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--honey);font-weight:500;display:inline-flex;align-items:center;gap:12px;padding-block:4px}
.cm-more summary::-webkit-details-marker{display:none}
.cm-more summary::after{content:"";width:9px;height:9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .4s}
.cm-more[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.cm-more[open] summary span.o{display:none}.cm-more:not([open]) summary span.c{display:none}
.cm-more>*:not(summary){margin-top:1rem}

/* pasy ze zdjęciami na całą szerokość */
.cm-band{padding-inline:var(--gutter)!important}
.cm-band>.wp-block-cover__background{opacity:1!important}
.cm-band>.wp-block-cover__inner-container{width:100%!important}
.cm-quoteband{padding-block:clamp(110px,16vw,220px)!important}
.cm-quoteband>.wp-block-cover__background{background:linear-gradient(95deg,rgba(28,20,16,.6) 0%,rgba(28,20,16,.26) 52%,rgba(28,20,16,0) 88%),linear-gradient(0deg,rgba(28,20,16,.35),rgba(28,20,16,0) 40%)!important}
.cm-quote{font-family:var(--display);font-weight:300;font-size:clamp(2.4rem,6.6vw,5.8rem)!important;line-height:1.02;max-width:15ch;margin:0 auto 0 0;text-wrap:balance;color:var(--bone);text-shadow:0 2px 30px rgba(0,0,0,.45)}
.cm-quote em{color:var(--honey)}
.cm-quote-wrap{max-width:1180px;margin-inline:auto}
.cm-cite{font-size:.74rem!important;letter-spacing:.28em;text-transform:uppercase;color:var(--sand);margin-top:26px!important}

/* programy */
.cm-programs>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,.8) 0%,rgba(28,20,16,.46) 20%,rgba(28,20,16,.46) 80%,rgba(28,20,16,.8) 100%)!important}
.cm-prog{gap:clamp(18px,3vw,36px)!important;margin-top:clamp(24px,4vw,40px)!important}
.cm-prog>.wp-block-column{display:flex;flex-direction:column}
.cm-card{position:relative;padding:clamp(28px,4vw,48px);background:rgba(28,20,16,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:2px;overflow:hidden;flex:1;transition:border-color .5s,transform .6s cubic-bezier(.2,.7,.2,1),background .5s}
.cm-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--honey);transform:scaleY(.18);transform-origin:top;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cm-card:hover{border-color:rgba(201,149,79,.45);transform:translateY(-4px);background:rgba(28,20,16,.72)}
.cm-card:hover::after{transform:scaleY(1)}
.cm-card h3{font-size:clamp(1.9rem,3.2vw,2.7rem)!important;margin:.8rem 0 1rem}
.cm-card p:not(.cm-eyebrow){color:var(--sand);max-width:36ch;margin:0}
.cm-also{margin-top:clamp(28px,4vw,44px);color:var(--sand);max-width:60ch}

/* Way Home */
.cm-wayhome{padding-block:clamp(90px,13vw,180px)!important}
.cm-wayhome>.wp-block-cover__background{background:linear-gradient(95deg,rgba(28,20,16,.7) 0%,rgba(28,20,16,.38) 48%,rgba(28,20,16,.06) 100%),linear-gradient(0deg,rgba(28,20,16,.4),rgba(28,20,16,0) 40%)!important}
.cm-way{gap:clamp(32px,6vw,90px)!important;align-items:center}
.cm-album{margin:0;perspective:900px}
.cm-album img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(216,196,163,.14);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),box-shadow 1.2s}
.cm-album:hover img{transform:rotateY(-8deg) rotateX(3deg) translateY(-6px);box-shadow:0 70px 110px -30px rgba(0,0,0,.9),0 0 0 1px rgba(201,149,79,.3)}
.cm-way h2{font-size:clamp(3.4rem,10vw,9rem)!important;line-height:.88;margin:.8rem 0 0;letter-spacing:-.025em}
.cm-way h2 em{display:block;padding-left:clamp(30px,8vw,150px)}
.cm-way p:not(.cm-eyebrow){color:var(--sand);max-width:40ch;font-size:1.12rem;margin-top:clamp(20px,3vw,34px)}
.cm-way .wp-block-buttons{margin-top:30px}

/* kontakt */
.cm-contact>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,.8),rgba(28,20,16,.58) 40%,rgba(28,20,16,.8))!important}
.cm-contact-title{font-size:clamp(2.6rem,6vw,5rem)!important;margin:.5rem 0 0}
.cm-cols{gap:clamp(32px,6vw,90px)!important}
.cm-people{display:grid;gap:clamp(22px,3vw,34px);margin-top:clamp(28px,4vw,44px)}
.cm-pr{border-top:1px solid var(--line);padding-top:16px}
.cm-pr .n{font-family:var(--display);font-size:1.5rem;margin:0}
.cm-pr .l{margin:.25rem 0 0;color:var(--sand)}
.cm-pr a{color:var(--bone);text-decoration:none;border-bottom:1px solid rgba(201,149,79,.4);transition:border-color .3s,color .3s}
.cm-pr a:hover{border-color:var(--honey);color:var(--honey)}
.cm-form{display:grid;gap:18px}
.cm-frow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:600px){.cm-frow{grid-template-columns:1fr}}
.cm-form label{display:grid;gap:8px;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:500}
.cm-form input,.cm-form select,.cm-form textarea{font:inherit;font-size:1rem;letter-spacing:.02em;text-transform:none;color:var(--bone);background:rgba(28,20,16,.5);border:1px solid var(--line);border-radius:2px;padding:14px 16px;width:100%;transition:border-color .3s,background .3s}
.cm-form select option{background:var(--walnut);color:var(--bone)}
.cm-form textarea{min-height:150px;resize:vertical}
.cm-form input:focus,.cm-form select:focus,.cm-form textarea:focus{outline:none;border-color:var(--honey);background:rgba(28,20,16,.75)}
.cm-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.cm-sent{margin:0;color:var(--honey)}.cm-sent.is-err{color:#e08a7a}

/* stopka */
.cm-footer{background:var(--ink);border-top:1px solid var(--line);padding-block:26px 34px;font-size:.82rem;color:var(--muted);letter-spacing:.06em}
.cm-footer p{margin:0}
.cm-footer a{text-decoration:none}
.cm-plain{padding-block:clamp(110px,14vw,170px) clamp(60px,9vw,110px)}

/* pojawianie się przy przewijaniu (bez JS wszystko jest widoczne) */
.cm-js .cm-rv{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.cm-js .cm-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cm-js .cm-rv{opacity:1;transform:none;transition:none}.cm-js .cm-hero *{animation:none!important}.cm-strings.in i{animation:none}}

@media (max-width:781px){.cm-album{max-width:320px}}

@media (min-width:782px){.cm-prog{flex-wrap:nowrap!important}.cm-prog>.wp-block-column{flex-basis:0!important;flex-grow:1!important}.cm-card h3{font-size:clamp(1.7rem,2.6vw,2.4rem)!important}}

/* typografia v1.2: Cinzel (nagłówki) + Barlow */
body{font-size:1.06rem}
:where(h1,h2,h3,.cm-lead,.cm-quote,.cm-name){font-weight:500}
:where(h1,h2,h3) em,.cm-quote em,.cm-name em{font-style:normal}
.cm-name{font-size:clamp(2.9rem,8vw,7rem)!important;letter-spacing:.01em;font-weight:600}
.cm-way h2{font-size:clamp(2.8rem,8.6vw,7.4rem)!important;letter-spacing:0;font-weight:600}
.cm-quote{font-size:clamp(2rem,5.2vw,4.5rem)!important;line-height:1.1;font-weight:500;letter-spacing:.01em;max-width:16ch}
.cm-lead{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.5;font-weight:400;max-width:38ch}
.cm-mark{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:1.15rem}
.cm-eyebrow,.cm-role,.cm-nav,.cm-more summary,.cm-form label,.wp-block-button__link{font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:600}
.cm-eyebrow{font-size:.85rem!important;letter-spacing:.28em}
.cm-nav{font-size:.92rem;letter-spacing:.22em}
.wp-block-button__link{font-size:.92rem!important;letter-spacing:.2em}
.cm-card h3{font-size:clamp(1.3rem,2vw,1.8rem)!important;line-height:1.2;letter-spacing:.02em}
.cm-pr .n{font-size:1.2rem}

/* v1.2.1: pełna szerokość niezależnie od ustawień układu WP */
.wp-block-post-content,.cm-main{max-width:none!important;width:100%!important;margin-inline:0!important;padding-inline:0!important}
.cm-main>.wp-block-cover{max-width:none!important;width:100%!important;margin-inline:0!important}
.cm-name{overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important}

/* v1.2.3: strona główna w szablonie zwykłej strony – bez tytułu, pełna szerokość */
.cm-plain:has(.cm-main){padding:0!important;max-width:none!important}
.cm-plain:has(.cm-main) .wp-block-post-title{display:none!important}
.cm-plain:has(.cm-main) .wp-block-post-content{max-width:none!important;padding:0!important}
.cm-plain:has(.cm-main)>*{max-width:none!important;margin-inline:0!important}

/* v1.2.4: większe marginesy boczne, bez tytułu strony */
body:has(.cm-main) .wp-block-post-title{display:none!important}
.cm-about,.cm-header,.cm-footer{padding-inline:var(--gutter)!important}
.cm-about>*,.cm-header>*,.cm-footer>*{max-width:1180px;margin-inline:auto}

/* v1.2.5: jeden wspólny margines boczny dla całej strony */
.cm-header,.cm-hero,.cm-band,.cm-about,.cm-footer{padding-inline:max(var(--gutter),calc((100% - 1180px)/2))!important}
.cm-header>*,.cm-about>*,.cm-footer>*,.cm-hero>.wp-block-cover__inner-container,.cm-band>.wp-block-cover__inner-container,.cm-hero-cols,.cm-quote-wrap{max-width:none!important;width:100%!important;margin-inline:0!important;padding-inline:0!important}
.cm-hero .wp-block-cover__inner-container>*,.cm-band .wp-block-cover__inner-container>*,.cm-about>*>*{max-width:none!important}
.wp-block-cover{box-sizing:border-box}

/* v1.3: telefon – zdjęcia pokazane w całości (bez przycinania i zoomu) */
@media (max-width:781px){
.cm-parallax>.wp-block-cover__image-background{top:0!important;height:100%!important;transform:none!important;object-fit:cover}
.cm-hero{min-height:84svh!important}
.cm-hero>.wp-block-cover__image-background{object-position:50% 38%}
.cm-hero>.wp-block-cover__background{background:linear-gradient(0deg,rgba(28,20,16,.88) 0%,rgba(28,20,16,.45) 38%,rgba(28,20,16,0) 70%),linear-gradient(180deg,rgba(28,20,16,.45) 0%,rgba(28,20,16,0) 16%)!important}
.cm-programs,.cm-wayhome,.cm-contact{background:var(--ink);padding-top:calc(64vw + 28px)!important;min-height:0!important}
.cm-programs>.wp-block-cover__image-background,.cm-wayhome>.wp-block-cover__image-background,.cm-contact>.wp-block-cover__image-background{height:64vw!important;bottom:auto!important}
.cm-programs>.wp-block-cover__background,.cm-wayhome>.wp-block-cover__background,.cm-contact>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,.25) 0,rgba(28,20,16,.05) 30vw,var(--ink) 64vw,var(--ink) 100%)!important}
.cm-quoteband{min-height:0!important;padding-block:calc(34vw) 56px!important}
}

/* v1.3.1: przełącznik Więcej/Mniej zawsze pod całym tekstem */
.cm-more[open]{display:flex;flex-direction:column}
.cm-more[open]>summary{order:99;margin-top:1rem}
.cm-more[open]>*:not(summary){margin-top:1rem}

/* v1.3.2: cieplejsze i jaśniejsze portrety */
.cm-person figure img{filter:sepia(.22) saturate(1.1) brightness(1.18) contrast(1.02)}
.cm-person:hover figure img{filter:sepia(.1) saturate(1.15) brightness(1.26) contrast(1.02)}
.cm-person figure::after{background:linear-gradient(180deg,rgba(214,150,80,.16),rgba(214,150,80,.06));mix-blend-mode:soft-light;box-shadow:inset 0 0 0 1px rgba(216,196,163,.14),inset 0 -70px 80px -60px rgba(28,20,16,.45)}

/* v1.3.3: telefon – cytat pod zdjęciem, nie na gitarach */
@media (max-width:781px){
.cm-quoteband{background:var(--ink);padding-top:calc(64vw + 28px)!important;padding-bottom:56px!important}
.cm-quoteband>.wp-block-cover__image-background{height:64vw!important;bottom:auto!important}
.cm-quoteband>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,0) 0,rgba(28,20,16,0) 34vw,var(--ink) 64vw,var(--ink) 100%)!important}
.cm-quote{max-width:none;text-shadow:none}
}

/* v1.3.4: telefon – czytelny napis w hero */
@media (max-width:781px){
.cm-hero>.wp-block-cover__background{background:linear-gradient(0deg,rgba(28,20,16,.92) 0%,rgba(28,20,16,.78) 34%,rgba(28,20,16,.4) 56%,rgba(28,20,16,0) 78%),linear-gradient(180deg,rgba(28,20,16,.45) 0%,rgba(28,20,16,0) 16%)!important}
.cm-hero .cm-eyebrow,.cm-hero .cm-name,.cm-hero .cm-lede{text-shadow:0 1px 14px rgba(0,0,0,.6)}
.cm-hero .cm-eyebrow{color:#e0aa62}
}

/* v1.4.9: karty programów – treść wyśrodkowana, jednakowy układ */
.cm-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.cm-card h3{margin-inline:auto}
.cm-card h3 em{display:block}
.cm-card p:not(.cm-eyebrow){margin-inline:auto;max-width:34ch}
.cm-also{text-align:center;margin-inline:auto}

/* v1.4.10: tytuły kart na tej samej wysokości */
.cm-card{justify-content:flex-start}

/* v1.5.0: naprzemienne tła – zdjęcie / ciemne tło z ruchomymi elementami */
.cm-plainband,.cm-about{position:relative;overflow:hidden;isolation:isolate}
.cm-plainband{padding-inline:max(var(--gutter),calc((100% - 1180px)/2))!important}
.cm-programs.cm-plainband{background:linear-gradient(180deg,var(--ink) 0%,var(--walnut) 22%,var(--walnut) 78%,var(--ink) 100%);min-height:0!important}
.cm-contact.cm-plainband{background:linear-gradient(180deg,var(--ink) 0%,var(--walnut) 30%,var(--walnut) 100%);min-height:0!important}
.cm-deco{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;width:auto!important;max-width:none!important}
.cm-d{position:absolute;display:block;will-change:transform}
.cm-d-rosette{width:min(52vw,640px);aspect-ratio:1;border-radius:50%;top:8%;border:2px solid rgba(201,149,79,.3);background:repeating-linear-gradient(180deg,transparent 0 26px,rgba(201,149,79,.15) 26px 28px)}
.cm-d-rosette::after{content:"";position:absolute;inset:11%;border-radius:50%;border:2px solid rgba(201,149,79,.2)}
.cm-deco-r .cm-d-rosette{right:-12%}.cm-deco-l .cm-d-rosette{left:-14%}
.cm-d-glow{width:44vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(201,149,79,.2),transparent 66%);bottom:-12%}
.cm-deco-r .cm-d-glow{left:-10%}.cm-deco-l .cm-d-glow{right:-8%}
.cm-d-strings{left:0;right:0;top:46%;height:140px;background:repeating-linear-gradient(180deg,rgba(239,230,214,.07) 0 1px,transparent 1px 22px)}
/* dwa zdjęcia obok siebie */
.cm-gallery{background:var(--ink);padding-block:clamp(48px,8vw,110px)!important}
.cm-duo-shots{gap:clamp(18px,3vw,36px)!important;margin:0!important}
.cm-shot{margin:0}
.cm-shot img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:2px;filter:sepia(.1) saturate(1.05) brightness(1.08)}
@media (min-width:782px){.cm-low{margin-top:clamp(40px,7vw,100px)}}
@media (max-width:781px){
.cm-plainband.cm-programs,.cm-plainband.cm-contact{padding-top:clamp(64px,14vw,110px)!important;padding-bottom:clamp(64px,14vw,110px)!important}
.cm-d-rosette{width:90vw}.cm-deco-r .cm-d-rosette{right:-40%}.cm-deco-l .cm-d-rosette{left:-40%}
}

/* v1.6.0: sekcja wideo */
.cm-videos.cm-plainband{background:var(--ink)}
.cm-vgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,36px);margin-top:clamp(28px,4vw,48px)}
.cm-vid{margin:0}
.cm-vid-big{grid-column:1/-1}
.cm-yt{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border:1px solid var(--line);border-radius:2px}
.cm-yt img,.cm-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.cm-yt img{filter:sepia(.1) saturate(1.05) brightness(.92);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.cm-yt:hover img{transform:scale(1.04);filter:none}
.cm-play{position:absolute;left:50%;top:50%;width:clamp(64px,8vw,92px);aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;background:rgba(201,149,79,.92);cursor:pointer;transition:transform .4s,background .4s;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.cm-play::before{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-left:clamp(18px,2.4vw,26px) solid var(--ink);border-top:clamp(11px,1.5vw,16px) solid transparent;border-bottom:clamp(11px,1.5vw,16px) solid transparent}
.cm-yt:hover .cm-play{transform:translate(-50%,-50%) scale(1.08);background:var(--honey)}
.cm-vid figcaption{margin-top:14px;font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:600;font-size:.88rem;letter-spacing:.24em;text-transform:uppercase;color:var(--honey)}
@media (max-width:781px){.cm-vgrid{grid-template-columns:1fr}}

/* v1.6.1: mniejsza sekcja wideo (3 w rzędzie) */
.cm-videos.cm-plainband{padding-block:clamp(56px,7vw,96px)!important}
.cm-vgrid{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px);margin-top:clamp(22px,3vw,34px)}
.cm-play{width:clamp(52px,5.4vw,72px)}
.cm-vid figcaption{margin-top:10px;font-size:.8rem}
@media (max-width:781px){.cm-vgrid{grid-template-columns:1fr}.cm-play{width:64px}}

/* v1.7.0: karuzela wideo */
.cm-vcar{position:relative;--w:62%;--off:64.5%;margin-top:clamp(24px,3vw,40px);outline:none;overflow:hidden}
.cm-vcar::before{content:"";display:block;padding-top:calc(var(--w) * .5625 + 58px)}
.cm-vtrack{position:absolute;inset:0}
.cm-vcar .cm-vid{position:absolute;top:0;left:50%;width:var(--w);margin:0;opacity:0;pointer-events:none;transform:translateX(-50%) scale(.7);transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s;z-index:1}
.cm-vcar .cm-vid.is-active{opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1);z-index:3}
.cm-vcar .cm-vid.is-prev,.cm-vcar .cm-vid.is-next{opacity:.5;pointer-events:auto;cursor:pointer;filter:brightness(.7);z-index:2}
.cm-vcar .cm-vid.is-prev{transform:translateX(calc(-50% - var(--off))) scale(.8)}
.cm-vcar .cm-vid.is-next{transform:translateX(calc(-50% + var(--off))) scale(.8)}
.cm-vcar .cm-vid.is-prev:hover,.cm-vcar .cm-vid.is-next:hover{opacity:.75}
.cm-vcar .cm-vid:not(.is-active) .cm-play{display:none}
.cm-vcar .cm-vid:not(.is-active) figcaption{opacity:0}
.cm-vcar .cm-vid figcaption{text-align:center;margin-top:14px;transition:opacity .4s}
.cm-arrow{position:absolute;z-index:6;top:calc((100% - 58px) / 2);transform:translateY(-50%);width:clamp(44px,4.6vw,60px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(201,149,79,.55);background:rgba(28,20,16,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.cm-arrow:hover{background:var(--honey);border-color:var(--honey)}
.cm-arrow::before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-top:2px solid var(--honey);border-right:2px solid var(--honey);transition:border-color .3s}
.cm-arrow:hover::before{border-color:var(--ink)}
.cm-prev{left:clamp(0px,1vw,12px)}.cm-prev::before{transform:translate(-30%,-50%) rotate(-135deg)}
.cm-next{right:clamp(0px,1vw,12px)}.cm-next::before{transform:translate(-70%,-50%) rotate(45deg)}
@media (max-width:781px){.cm-vcar{--w:84%;--off:56%}.cm-arrow{width:42px}}

/* v1.7.1: kontakt – zdjęcie w tle + delikatna gitara graficzna */
.cm-contact.cm-band>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,.82),rgba(28,20,16,.6) 45%,rgba(28,20,16,.82))!important}
.cm-contact.cm-band>.wp-block-cover__inner-container{position:relative;isolation:isolate}
.cm-contact.cm-band .cm-deco{z-index:-1;opacity:.8}

/* v1.7.2: telefon – kontakt: zdjęcie jako tło (nie u góry) */
@media (max-width:781px){
.cm-contact.cm-band{background:var(--ink);padding-top:clamp(72px,14vw,110px)!important;padding-bottom:clamp(72px,14vw,110px)!important}
.cm-contact.cm-band>.wp-block-cover__image-background{top:0!important;bottom:0!important;height:100%!important;object-position:50% 50%}
.cm-contact.cm-band>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,.8),rgba(28,20,16,.62) 40%,rgba(28,20,16,.82))!important}
}

/* v1.7.3: telefon – cytat na dole zdjęcia, mniejsze odstępy */
@media (max-width:781px){
.cm-quoteband{padding-top:calc(64vw - 78px)!important;padding-bottom:28px!important}
.cm-quoteband>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,0) 0,rgba(28,20,16,0) 30vw,rgba(28,20,16,.88) 54vw,var(--ink) 66vw,var(--ink) 100%)!important}
.cm-quote{text-shadow:0 2px 18px rgba(0,0,0,.6);font-size:clamp(1.7rem,8vw,2.4rem)!important}
.cm-plainband.cm-programs{padding-top:clamp(40px,9vw,64px)!important}
}

/* v1.7.4: okładka-płyta bez kwadratowej ramki; telefon bez powtórzonego zdjęcia */
.cm-album img{box-shadow:none!important;border-radius:0!important;filter:drop-shadow(0 34px 38px rgba(0,0,0,.6))}
.cm-album:hover img{box-shadow:none!important}
@media (max-width:781px){
.cm-wayhome.cm-band>.wp-block-cover__image-background{display:none!important}
.cm-wayhome.cm-band{background:radial-gradient(120% 60% at 50% 18%,rgba(201,149,79,.22),transparent 70%),var(--ink)!important;padding-top:clamp(64px,14vw,100px)!important;padding-bottom:clamp(64px,14vw,100px)!important;min-height:0!important}
.cm-wayhome.cm-band>.wp-block-cover__background{background:none!important}
.cm-wayhome .cm-album{max-width:300px;margin-inline:auto!important}
.cm-way{text-align:center}
.cm-way .cm-eyebrow{justify-content:center}
.cm-way h2 em{padding-left:0}
.cm-way p:not(.cm-eyebrow){margin-inline:auto}
.cm-way .wp-block-buttons{justify-content:center}
}

/* v1.8.0: telefon – Way Home ze zdjęciem gitar w tle */
@media (max-width:781px){
.cm-wayhome.cm-band>.wp-block-cover__image-background{display:block!important;top:0!important;bottom:0!important;height:100%!important;transform:none!important}
.cm-wayhome.cm-band{background:var(--ink)!important}
.cm-wayhome.cm-band>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,.72),rgba(28,20,16,.5) 40%,rgba(28,20,16,.85))!important}
}

/* v1.8.1: Way Home – komputer: płyta i napisy po prawej (w przestrzeni negatywnej); telefon: ciemniejsze tło */
@media (min-width:782px){
.cm-wayhome.cm-band>.wp-block-cover__background{background:linear-gradient(270deg,rgba(28,20,16,.82) 0%,rgba(28,20,16,.62) 36%,rgba(28,20,16,.12) 66%,rgba(28,20,16,0) 100%),linear-gradient(0deg,rgba(28,20,16,.4),rgba(28,20,16,0) 35%)!important}
.cm-wayhome .cm-way{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:clamp(22px,3vw,36px)!important;width:min(460px,40%)!important;margin-left:auto!important;margin-right:0!important}
.cm-wayhome .cm-way>.wp-block-column{flex-basis:auto!important;width:100%!important}
.cm-wayhome .cm-album{max-width:clamp(200px,19vw,280px);margin:0!important}
.cm-wayhome .cm-way h2{font-size:clamp(2.8rem,5.6vw,5.4rem)!important}
.cm-wayhome .cm-way h2 em{padding-left:clamp(20px,3.4vw,56px)}
.cm-wayhome .cm-way p:not(.cm-eyebrow){max-width:34ch;font-size:1.05rem;margin-top:clamp(14px,2vw,22px)}
}
@media (max-width:781px){
.cm-wayhome.cm-band>.wp-block-cover__background{background:linear-gradient(180deg,rgba(28,20,16,.82),rgba(28,20,16,.66) 40%,rgba(28,20,16,.9))!important}
}

/* v1.8.2: Way Home – bardziej w prawo, większa płyta */
@media (min-width:782px){
.cm-wayhome.cm-band{padding-right:clamp(24px,5vw,90px)!important}
.cm-wayhome .cm-way{width:min(520px,42%)!important}
.cm-wayhome .cm-album{max-width:clamp(260px,25vw,400px)}
.cm-wayhome .cm-way h2{font-size:clamp(3rem,6vw,5.8rem)!important}
}

/* v1.8.3 – ładniejsze łamanie tekstu (bez wiszących spójników) */
.cm-lead,.cm-text{text-wrap:pretty}
.cm-lead{text-wrap:balance}
p,li,summary,.wp-block-button__link{text-wrap:pretty}

/* v1.8.10 – ikonki social media w kontakcie */
.cm-icons{display:flex;gap:16px;align-items:center;padding-top:6px}
.cm-icons a{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid rgba(201,149,79,.55);border-radius:50%;color:var(--bone);border-bottom-width:1px;text-decoration:none;transition:color .3s,border-color .3s,transform .3s,background .3s}
.cm-icons a:hover,.cm-icons a:focus-visible{color:var(--honey);border-color:var(--honey);transform:translateY(-2px)}
.cm-icons svg{display:block}
