@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap'); :root{--ink:#121317;--graphite:#1b1c21;--ivory:#f3eee6;--gold:#c4a47a;--muted:#aaa29a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip-link{position:absolute;top:-80px;left:12px;background:#fff;color:#000;z-index:1000;padding:12px}.skip-link:focus{top:12px}.site-header{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:34px clamp(22px,5vw,92px);gap:30px}.wordmark{font-size:clamp(17px,1.65vw,24px);font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.wordmark-dot{color:var(--gold)}.site-nav{display:flex;align-items:center;gap:clamp(15px,2.4vw,38px)}.site-nav>a,.language-switch{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:500}.site-nav>a:hover,.language-switch a:hover,.text-link:hover{color:var(--gold)}.language-switch{display:flex;gap:9px;align-items:center}.language-switch span{opacity:.4}.language-switch a:not([aria-current]){opacity:.5}.menu-toggle{display:none}.hero{min-height:750px;height:100svh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-2;background-image:var(--hero-desktop,linear-gradient(120deg,#08090b 0%,#292329 48%,#111319 100%));background-size:cover;background-position:center 43%;background-repeat:no-repeat}.hero-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,8,11,.6),rgba(7,8,11,.14) 36%,rgba(7,8,11,.6) 75%,rgba(7,8,11,.8))}.hero-content{padding:140px 22px 110px;max-width:1050px}.eyebrow{font-size:10px;letter-spacing:.3em;color:var(--gold);font-weight:500;line-height:1.7}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(82px,12vw,180px);letter-spacing:-.035em;line-height:.9;margin:22px 0 25px}.hero-quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(23px,3.3vw,42px);font-style:italic;margin:0 0 40px}.outline-button{display:inline-flex;gap:40px;align-items:center;border:1px solid rgba(243,238,230,.65);padding:17px 24px;font-size:10px;letter-spacing:.19em;text-transform:uppercase;transition:background .2s,color .2s}.outline-button:hover{background:var(--ivory);color:var(--ink)}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;display:flex;align-items:center;gap:20px;white-space:nowrap}.scroll-cue span{font-size:20px;color:var(--gold)}.section-light{background:var(--ivory);color:var(--ink)}.section-dark{background:var(--graphite);color:var(--ivory)}.about,.music,.concerts,.contact{padding:clamp(75px,9vw,140px) clamp(24px,7vw,120px)}.section-label{font-size:10px;letter-spacing:.24em;font-weight:600;color:#8b7054;margin-bottom:70px}.section-label span{margin:0 15px}.section-dark .section-label{color:var(--gold)}h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.05;letter-spacing:-.015em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,140px);align-items:center;max-width:1400px;margin:auto}.portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#36343b,#99918b 53%,#1e1f25);background-position:center;background-size:cover}.visual-frame{position:relative;overflow:hidden}.image-hint{position:absolute;bottom:22px;left:24px;font-size:10px;letter-spacing:.16em;color:#fff;text-transform:uppercase;text-shadow:0 1px 6px #000}.about-copy h2,.music h2,.concerts h2,.contact h2{font-size:clamp(52px,6vw,100px);margin:18px 0 30px}.about-copy p:not(.eyebrow){font-size:15px;line-height:2;color:#66605c;max-width:480px}.dark-eyebrow{color:#8b7054}.text-link{display:inline-block;margin-top:26px;padding-bottom:10px;border-bottom:1px solid #b69b77;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.music-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.music-heading h2{margin:0}.music-heading p{font-size:14px;color:#b8b2ac;max-width:240px;line-height:1.8}.performance{min-height:500px;aspect-ratio:16/8;background:linear-gradient(130deg,#121217 5%,#45333b 55%,#100f14);background-position:center;background-size:cover}.performance-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 70%)}.performance-caption{position:absolute;left:clamp(25px,5vw,80px);bottom:clamp(25px,5vw,75px)}.performance-caption>span{font-size:10px;letter-spacing:.22em;color:var(--gold)}.performance-caption h3{font-size:clamp(40px,5vw,76px);margin:14px 0}.play-link{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:8px;font-size:12px}.placeholder-note{font-size:12px;color:#ccc}.concerts-inner{text-align:center;max-width:850px;margin:auto;padding:20px 0 45px}.concerts-inner p{color:#68615b;font-size:15px;line-height:1.8}.concert-rule{height:1px;background:#cfc5b9;margin:65px auto 24px}.concert-status{font-size:10px;letter-spacing:.25em;color:#8b7054}.contact-inner{text-align:center;max-width:950px;margin:auto;padding:30px 0 70px}.contact-email{display:inline-block;font-size:clamp(18px,2.8vw,34px);border-bottom:1px solid var(--gold);padding-bottom:12px;overflow-wrap:anywhere}.social-links{display:flex;gap:25px;justify-content:center;margin-top:45px;font-size:12px;color:var(--gold)}.site-footer{background:#101114;color:#8e8b87;padding:30px clamp(24px,7vw,120px);display:flex;justify-content:space-between;gap:20px;font-size:11px}.fallback-page{min-height:80vh;padding:150px 7vw 80px}.fallback-inner{max-width:900px;margin:auto}.fallback-inner h1{font:normal 64px 'Cormorant Garamond',Georgia,serif}.fallback-inner a{color:#80694b}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:translateY(0)} @media(max-width:900px){.site-header{padding:26px 24px}.menu-toggle{display:flex;width:40px;height:40px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:7px;align-items:center;cursor:pointer}.menu-toggle span{width:25px;height:1px;background:#fff}.site-nav{display:none;position:absolute;top:84px;left:16px;right:16px;background:#1c1d22;padding:30px;flex-direction:column;align-items:flex-start;gap:24px;box-shadow:0 20px 50px #0007}.site-nav.is-open{display:flex}.site-nav>a,.language-switch{font-size:12px}.about-grid{gap:40px}.music-heading{display:block}.music-heading p{max-width:none}.performance{min-height:400px}} @media(max-width:767px){.hero{height:100svh;min-height:600px}.hero-photo{background-image:var(--hero-mobile,var(--hero-desktop,linear-gradient(150deg,#131318,#504047,#121317)));background-position:center center}.hero-content{padding:105px 22px 80px}.hero h1{font-size:clamp(68px,16vw,105px);line-height:.94}.hero-quote{font-size:clamp(24px,7vw,34px)}.eyebrow{font-size:9px;letter-spacing:.2em}.scroll-cue{bottom:24px;font-size:8px}.about,.music,.concerts,.contact{padding:75px 24px}.section-label{margin-bottom:35px}.about-grid{grid-template-columns:1fr;gap:40px}.portrait{aspect-ratio:4/4.5}.about-copy h2,.music h2,.concerts h2,.contact h2{font-size:clamp(50px,13vw,75px)}.music-heading{margin-bottom:30px}.performance{aspect-ratio:3/4;min-height:380px}.performance-caption{left:24px;right:20px;bottom:32px}.performance-caption h3{font-size:52px}.contact-inner{padding:10px 0 30px}.site-footer{padding:25px 24px;flex-direction:column}.fallback-inner h1{font-size:48px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}} /* V1.3: button-only full-screen scenes on every device. */ html:has(body.home.pa-scenes-ready), body.home.pa-scenes-ready {height:100%;overflow:hidden!important;overscroll-behavior:none;} body.home.pa-scenes-ready #main {position:fixed;inset:0;height:100dvh;overflow:hidden;isolation:isolate;} body.home.pa-scenes-ready #main > section {position:absolute!important;inset:0!important;width:100%;height:100%!important;min-height:0!important;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;transform:translate3d(0,100%,0);transition:transform .85s cubic-bezier(.22,1,.36,1);will-change:transform;visibility:hidden;pointer-events:none;} body.home.pa-scenes-ready #main > section.pa-current {transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;z-index:2;} body.home.pa-scenes-ready #main > section.pa-above {transform:translate3d(0,-100%,0);visibility:visible;} body.home.pa-scenes-ready #main > section.pa-below {transform:translate3d(0,100%,0);visibility:visible;} body.home.pa-scenes-ready .site-footer {display:none;} body.home.pa-scenes-ready .hero {display:flex;align-items:flex-end;justify-content:center;padding:0;} body.home.pa-scenes-ready .hero-content {width:100%;max-width:1050px;padding:0 24px 0;margin:0 auto;position:absolute;left:50%;top:68%;transform:translate(-50%,-50%);} body.home.pa-scenes-ready .hero-content.reveal {opacity:1;transform:translate(-50%,-50%);} body.home.pa-scenes-ready .hero-content > * {opacity:0;transform:translateY(22px);animation:pa-hero-enter .9s cubic-bezier(.2,.8,.2,1) forwards;} body.home.pa-scenes-ready .hero-content > :nth-child(1) {animation-delay:1.35s;} body.home.pa-scenes-ready .hero-content > :nth-child(2) {animation-delay:1.55s;} body.home.pa-scenes-ready .hero-content > :nth-child(3) {animation-delay:1.75s;} body.home.pa-scenes-ready .hero-content > :nth-child(4) {animation-delay:2.05s;} @keyframes pa-hero-enter {to{opacity:1;transform:translateY(0)}} body.home.pa-scenes-ready .site-header {opacity:0;animation:pa-ui-enter .65s ease 2.2s forwards;} body.home.pa-scenes-ready .section-controls {position:fixed;right:clamp(14px,3vw,56px);bottom:clamp(14px,3vh,44px);z-index:200;display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(196,164,122,.55);background:rgba(15,16,20,.88);color:#f3eee6;backdrop-filter:blur(12px);opacity:0;animation:pa-ui-enter .65s ease 2.35s forwards;} body.home.pa-scenes-ready .section-controls button {width:42px;height:42px;border:1px solid #bba17d;background:transparent;color:#f3eee6;cursor:pointer;font-size:22px;touch-action:manipulation;} body.home.pa-scenes-ready .section-controls button:disabled {opacity:.25;cursor:default;} body.home.pa-scenes-ready .section-count {font-size:10px;letter-spacing:.12em;min-width:50px;text-align:center;} body.home.pa-scenes-ready .scroll-cue {bottom:clamp(86px,11vh,125px);z-index:4;opacity:0;animation:pa-ui-enter .7s ease 2.4s forwards;} @keyframes pa-ui-enter {to{opacity:1}} body.home.pa-scenes-ready .about,body.home.pa-scenes-ready .music,body.home.pa-scenes-ready .concerts,body.home.pa-scenes-ready .contact {display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vh,54px) clamp(24px,7vw,120px);} body.home.pa-scenes-ready .section-label {margin-bottom:clamp(14px,2.5vh,32px);flex-shrink:0;} body.home.pa-scenes-ready .portrait {aspect-ratio:auto;height:min(64dvh,690px);min-height:200px;} body.home.pa-scenes-ready .about-copy h2 {font-size:clamp(40px,5vw,82px);margin:10px 0 16px;} body.home.pa-scenes-ready .about-copy p:not(.eyebrow) {line-height:1.65;} body.home.pa-scenes-ready .music-heading {margin-bottom:clamp(14px,2vh,30px);} body.home.pa-scenes-ready .performance {aspect-ratio:auto;min-height:180px;height:min(52dvh,560px);} body.home.pa-scenes-ready .concerts-inner,body.home.pa-scenes-ready .contact-inner {padding:0;} @media(max-width:767px){ body.home.pa-scenes-ready .hero {min-height:0;} body.home.pa-scenes-ready .hero-content {top:69%;padding:0 18px;} body.home.pa-scenes-ready .hero h1 {font-size:clamp(56px,14vw,92px);margin:12px 0;} body.home.pa-scenes-ready .hero-quote {font-size:clamp(20px,5.5vw,30px);margin-bottom:18px;} body.home.pa-scenes-ready .outline-button {padding:12px 16px;gap:15px;} body.home.pa-scenes-ready .scroll-cue {bottom:100px;} body.home.pa-scenes-ready .about,body.home.pa-scenes-ready .music,body.home.pa-scenes-ready .concerts,body.home.pa-scenes-ready .contact {padding:85px 24px 110px;justify-content:flex-start;} body.home.pa-scenes-ready .about-grid {grid-template-columns:1fr;gap:22px;} body.home.pa-scenes-ready .portrait {height:min(38dvh,390px);min-height:170px;} body.home.pa-scenes-ready .about-copy h2 {font-size:clamp(38px,11vw,64px);} body.home.pa-scenes-ready .about-copy p:not(.eyebrow) {font-size:14px;} body.home.pa-scenes-ready .performance {height:44dvh;min-height:220px;} body.home.pa-scenes-ready .performance-caption h3 {font-size:40px;} body.home.pa-scenes-ready .section-controls {right:12px;bottom:calc(12px + env(safe-area-inset-bottom));} body.home.pa-scenes-ready .section-controls button {width:42px;height:42px;} } @media(max-height:570px){body.home.pa-scenes-ready .hero-content {top:60%;}body.home.pa-scenes-ready .hero h1 {font-size:clamp(42px,9vh,76px);}body.home.pa-scenes-ready .hero-quote{margin-bottom:10px;}body.home.pa-scenes-ready .scroll-cue {bottom:70px;}} @media(prefers-reduced-motion:reduce){body.home.pa-scenes-ready #main > section {transition:none;}body.home.pa-scenes-ready .hero-content > *,body.home.pa-scenes-ready .site-header,body.home.pa-scenes-ready .section-controls,body.home.pa-scenes-ready .scroll-cue {animation:none!important;opacity:1!important;transform:none!important;}} /* V1.4: center navigation on all devices and brighter mobile hero */ body.home.pa-scenes-ready .section-controls { left:50%!important;right:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important; transform:translateX(-50%);justify-content:center;white-space:nowrap; } body.home.pa-scenes-ready .scroll-cue {display:none!important;} @media(max-width:767px) { body.home.pa-scenes-ready .hero-vignette { background:linear-gradient(180deg,rgba(7,8,11,.34) 0%,rgba(7,8,11,.05) 37%,rgba(7,8,11,.26) 70%,rgba(7,8,11,.48) 100%); } body.home.pa-scenes-ready .section-controls {left:50%!important;right:auto!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;} } /* V1.5: independent, always-visible language switch and configurable navigation */ .site-header {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:clamp(12px,2vw,32px);} .site-header .wordmark {grid-column:1;grid-row:1;justify-self:start;} .site-header .site-nav {grid-column:2;grid-row:1;justify-self:end;} .site-header .header-actions {grid-column:3;grid-row:1;display:flex;align-items:center;gap:16px;justify-self:end;} .site-header .language-switch {display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;letter-spacing:.025em;text-transform:none;font-weight:500;} .site-header .language-switch a {padding:8px 2px;opacity:.65;transition:opacity .2s,color .2s;} .site-header .language-switch a[aria-current="page"] {color:var(--gold);opacity:1;border-bottom:1px solid var(--gold);} .site-header .language-switch a:not([aria-current]):hover {opacity:1;} .site-header.pa-menu-left {grid-template-columns:auto minmax(0,1fr) auto;} .site-header.pa-menu-left .site-nav {grid-column:2;justify-self:start;} .site-header.pa-menu-center {grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);} .site-header.pa-menu-center .site-nav {grid-column:2;justify-self:center;} .site-header.pa-menu-center .header-actions {grid-column:3;} @media(max-width:900px) { .site-header,.site-header.pa-menu-left,.site-header.pa-menu-center {display:flex;justify-content:space-between;gap:10px;} .site-header .wordmark {font-size:clamp(12px,3.5vw,18px);letter-spacing:.07em;min-width:0;overflow:hidden;text-overflow:ellipsis;} .site-header .header-actions {display:flex;gap:9px;flex-shrink:0;} .site-header .language-switch {font-size:clamp(9px,2.55vw,11px);gap:5px;letter-spacing:0;} .site-header .language-switch a {padding:9px 1px;} .site-header .menu-toggle {flex-shrink:0;width:35px;} .site-header .site-nav {position:absolute;top:80px;left:16px;right:16px;display:none;flex-direction:column;align-items:flex-start;} .site-header .site-nav.is-open {display:flex;} .site-header.pa-mobile-menu-left .header-actions {flex-direction:row-reverse;} } @media(max-width:390px) { .site-header {padding-left:13px;padding-right:13px;} .site-header .wordmark {font-size:12px;letter-spacing:0;} .site-header .header-actions {gap:4px;} .site-header .language-switch {font-size:9px;gap:3px;} .site-header .menu-toggle {width:29px;} } /* V1.6: mobile header aligned to the top safe area, no phantom wordmark column. */ @media (max-width:900px) { body.home .site-header { position:fixed; top:0; left:0; right:0; width:100%; min-height:0; height:auto; padding:calc(10px + env(safe-area-inset-top, 0px)) 16px 8px; margin:0; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:8px; z-index:250; } body.home .site-header .header-actions { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; margin:0; padding:0; min-width:0; } body.home .site-header:not(:has(> .wordmark)) .header-actions {width:100%;} body.home .site-header .language-switch {margin:0;padding:0;align-items:center;gap:6px;line-height:1.2;} body.home .site-header .language-switch a {padding:6px 1px;} body.home .site-header .menu-toggle {margin:0;padding:0;width:36px;height:36px;flex-shrink:0;} body.home .site-header .site-nav {top:calc(100% + 5px);left:16px;right:16px;} body.home.pa-scenes-ready .about,body.home.pa-scenes-ready .music,body.home.pa-scenes-ready .concerts,body.home.pa-scenes-ready .contact {padding-top:clamp(68px,10vh,94px);} } /* V1.7 — Language links remain visible over light and dark scenes. */ .site-header .language-switch a, .site-header .language-switch a[aria-current="page"] {opacity:1!important;visibility:visible!important;text-decoration:none;} .site-header .language-switch a[aria-current="page"] {font-weight:700;} body.home.pa-header-light .site-header .language-switch a {color:#383029!important;text-shadow:none;} body.home.pa-header-light .site-header .language-switch a[aria-current="page"] {color:#79532e!important;border-bottom-color:#79532e!important;} body.home.pa-header-light .site-header .language-switch span {color:#665b51!important;} body.home.pa-header-light .site-header .menu-toggle span {background:#383029!important;} body.home.pa-header-light .site-header .wordmark {color:#383029!important;} body:not(.home) .site-header .language-switch a {color:#29231e!important;} body:not(.home) .site-header .language-switch a[aria-current="page"] {color:#79532e!important;border-bottom-color:#79532e!important;} body:not(.home) .site-header .language-switch span {color:#665b51!important;} body:not(.home) .site-header .menu-toggle span {background:#29231e!important;} body:not(.home) .site-header .wordmark {color:#29231e!important;} .pa-biography-page {min-height:100svh;padding:clamp(125px,13vh,175px) clamp(24px,7vw,120px) 90px;} .pa-bio-layout {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,110px);max-width:1350px;margin:0 auto;align-items:start;} .pa-bio-visual img {width:100%;height:auto;max-height:75vh;object-fit:cover;display:block;} .pa-bio-article h1 {font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(50px,6vw,94px);font-weight:400;line-height:1.03;margin:12px 0 30px;} .pa-bio-prose {font-size:clamp(15px,1.25vw,18px);line-height:1.9;color:#524b45;overflow-wrap:anywhere;} .pa-bio-prose p {margin:0 0 1.25em;} .pa-bio-prose h2 {font-size:clamp(28px,3vw,44px);margin:1.4em 0 .5em;} .pa-bio-prose a {text-decoration:underline;color:#79532e;} @media(max-width:900px) { .pa-biography-page {padding:105px 24px 90px;} .pa-bio-layout {grid-template-columns:1fr;gap:32px;} .pa-bio-visual img {max-height:48vh;object-fit:cover;} .pa-bio-article h1 {font-size:clamp(44px,11vw,70px);} } /* V1.8 — readable bilingual biography paragraphs and editor headings */ .pa-bio-prose p { max-width: 76ch; } .pa-bio-prose ul { padding-left: 1.4em; margin: 0 0 1.4em; } .pa-bio-prose li { margin-bottom: .55em; } .pa-bio-prose h2, .pa-bio-prose h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; } .about-copy p { white-space: pre-line; } /* V1.9.2: Preserve authored line breaks in editable artist introduction. */ body.home .about-copy p:not(.eyebrow){white-space:pre-line;} /* V1.9.3 Adaptive Performance Showcase */ body.home.pa-scenes-ready #music.pa-showcase{padding:0!important;display:block!important;overflow:hidden;background:#111114} .pa-showcase-stage{height:100%;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,36%);gap:0} .pa-showcase.pa-side-right .pa-showcase-stage{grid-template-columns:minmax(270px,36%) minmax(0,1fr)} .pa-showcase.pa-side-right .pa-showcase-primary{order:2}.pa-showcase.pa-side-right .pa-showcase-side{order:1} .pa-showcase-primary{min-width:0;min-height:0;position:relative;overflow:hidden;background:#1d1a1d var(--pa-poster,none) center/cover no-repeat;isolation:isolate} .pa-showcase-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#272128,#40302b,#131317);z-index:-2} .pa-feature-video{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none} .pa-feature-video iframe{position:absolute;left:50%;top:50%;width:100%;height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none} .pa-ratio-vertical .pa-feature-video iframe{width:min(100%,calc(100dvh * 9 / 16));height:100%;min-height:0} .pa-ratio-horizontal .pa-feature-video iframe{width:max(100%,177.78dvh);height:max(100%,56.25vw)} .pa-feature-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08080b6b,transparent 28%,transparent 66%,#08080ba8)} .pa-feature-top,.pa-feature-bottom{position:absolute;z-index:2;left:clamp(22px,4vw,72px);right:clamp(22px,4vw,72px)} .pa-feature-top{top:clamp(100px,14vh,145px);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#e2c6a0} .pa-feature-bottom{bottom:clamp(100px,15vh,150px);display:flex;justify-content:flex-end;align-items:center;gap:20px} .pa-explore,.pa-side-explore{font-size:11px;letter-spacing:.13em;color:#f1d0a4;text-transform:uppercase;border-bottom:1px solid #c6a27d;padding:10px 0} .pa-feature-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;background:transparent;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:12px;white-space:nowrap;text-shadow:0 2px 16px #000} .pa-feature-play span{width:76px;height:76px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:23px;padding-left:5px;background:#0005} .pa-feature-play small{font-size:10px;letter-spacing:.18em} .pa-feature-pause{background:#111a;border:1px solid #fff8;color:#fff;padding:8px 12px;cursor:pointer} .pa-showcase-side{min-height:0;padding:clamp(95px,13vh,135px) clamp(22px,3vw,50px) clamp(105px,15vh,140px);display:flex;flex-direction:column;justify-content:center;gap:18px;background:#19191d;overflow-y:auto} .pa-side-eyebrow{color:#c7a57e;font-size:10px;letter-spacing:.18em;margin:0}.pa-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} .pa-work-tile{background:#29282c;border:0;color:#eee;text-align:left;padding:0;cursor:pointer;min-width:0;overflow:hidden}.pa-tile-image{display:block;aspect-ratio:4/3;background:#37343a center/cover no-repeat}.pa-tile-meta{display:flex;flex-direction:column;gap:5px;padding:10px}.pa-tile-meta strong{font-size:11px;font-weight:500;line-height:1.4}.pa-tile-meta em{font-size:9px;color:#c8a783;font-style:normal}.pa-side-explore{align-self:flex-start} .pa-ratio-horizontal .pa-showcase-stage{display:block}.pa-ratio-horizontal .pa-showcase-side{display:none} .pa-work-modal[hidden]{display:none!important}.pa-work-modal{position:fixed;inset:0;z-index:100000;background:#070708ec;display:flex;align-items:center;justify-content:center;padding:55px 20px}.pa-modal-panel{position:relative;width:min(920px,100%);background:#19191c;padding:16px}.pa-modal-close{position:absolute;right:0;top:-44px;border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.pa-modal-content{aspect-ratio:16/9;display:grid;place-items:center;color:#eee}.pa-modal-content iframe{width:100%;height:100%;border:0}.pa-modal-content a{color:#e4c092;text-decoration:underline} @media(max-width:767px){.pa-showcase-stage,.pa-showcase.pa-side-right .pa-showcase-stage{display:flex;flex-direction:column}.pa-showcase.pa-side-right .pa-showcase-primary,.pa-showcase.pa-side-right .pa-showcase-side{order:initial}.pa-showcase.pa-ratio-vertical .pa-showcase-primary{height:100%;flex:1}.pa-showcase.pa-ratio-vertical .pa-showcase-side{display:none}.pa-showcase.pa-ratio-horizontal .pa-showcase-primary{height:44%;flex:0 0 44%}.pa-showcase.pa-ratio-horizontal .pa-showcase-side{display:flex;flex:1;padding:12px 18px 95px;gap:8px;overflow-y:auto}.pa-showcase.pa-ratio-horizontal .pa-side-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pa-showcase.pa-ratio-horizontal .pa-tile-meta{padding:5px}.pa-showcase.pa-ratio-horizontal .pa-tile-meta strong{font-size:9px}.pa-showcase.pa-ratio-horizontal .pa-tile-meta em{font-size:8px}.pa-showcase.pa-ratio-horizontal .pa-tile-image{aspect-ratio:1}.pa-showcase.pa-ratio-horizontal .pa-feature-bottom .pa-explore{display:none}.pa-feature-top{top:90px;left:24px}.pa-feature-bottom{bottom:95px;left:24px;right:24px}.pa-showcase.pa-ratio-horizontal .pa-feature-top{top:70px}.pa-showcase.pa-ratio-horizontal .pa-feature-bottom{bottom:16px}.pa-showcase.pa-ratio-horizontal .pa-feature-play span{width:55px;height:55px}.pa-showcase.pa-ratio-horizontal .pa-feature-play small{font-size:8px}.pa-showcase.pa-ratio-horizontal .pa-feature-video iframe{width:max(100%,177.78dvh);height:max(100%,56.25vw)}.pa-showcase.pa-ratio-vertical .pa-feature-video iframe{height:100%;width:min(100%,56.25dvh)}.pa-showcase.pa-ratio-horizontal .pa-side-explore{font-size:9px;padding:4px 0}} /* V1.9.3.1 — visible YouTube poster, actionable controls and reliable Explore route. */ .pa-feature-play[hidden],.pa-feature-pause[hidden],.pa-feature-poster[hidden],.pa-library-item[hidden]{display:none!important} .pa-showcase-primary{background-color:#141317} .pa-feature-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none} .pa-ratio-vertical .pa-feature-poster{object-fit:contain;background:#111114} .pa-showcase-primary::before{z-index:0;pointer-events:none} .pa-feature-video{z-index:1;pointer-events:auto} .pa-feature-video iframe{pointer-events:auto} .pa-feature-shade{z-index:2} .pa-feature-top,.pa-feature-bottom{z-index:4} .pa-feature-play{z-index:5} .pa-feature-pause{position:relative;z-index:6} .pa-explore,.pa-side-explore{position:relative;z-index:6;display:inline-flex;align-items:center;min-height:44px} .pa-explore:hover,.pa-side-explore:hover{color:white;border-bottom-color:white} .pa-showcase-side{position:relative;z-index:3} body.pa-modal-open{overflow:hidden!important} .pa-work-modal{z-index:2147483000} .pa-modal-panel{max-height:calc(100dvh - 85px);overflow:auto} .pa-modal-content{display:flex;flex-direction:column;gap:16px} .pa-modal-content iframe{aspect-ratio:16/9;flex:1;min-height:min(60vh,480px)} .pa-modal-content p{margin:0;text-align:center} .pa-modal-content a{padding:14px 18px;border:1px solid #c6a27d} @media(max-width:900px){.site-header .site-nav{z-index:300;max-height:calc(100dvh - 90px);overflow-y:auto}} @media(max-width:767px){ .pa-showcase.pa-ratio-vertical .pa-feature-poster{object-fit:cover} .pa-feature-video iframe{max-width:none} .pa-showcase.pa-ratio-horizontal .pa-feature-video iframe{width:100%;height:100%} .pa-showcase.pa-ratio-horizontal .pa-showcase-stage{display:flex!important;flex-direction:column!important} .pa-showcase.pa-ratio-horizontal .pa-showcase-side{display:flex!important} .pa-showcase.pa-ratio-horizontal .pa-feature-bottom .pa-explore{display:none} .pa-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .pa-modal-panel{padding:10px}.pa-modal-content iframe{min-height:225px} } /* Music Library: fully usable outside slideshow on desktop and mobile. */ .pa-library{min-height:100dvh;padding:clamp(128px,14vh,170px) clamp(22px,7vw,120px) 100px;background:#f3eee6;color:#222} .pa-library-inner{max-width:1440px;margin:auto} .pa-library-eyebrow{font-size:11px;letter-spacing:.22em;color:#92775b} .pa-library h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(60px,9vw,116px);margin:12px 0 2px;line-height:1} .pa-library-intro{font-size:14px;line-height:1.7;color:#5b5650} .pa-library-filters{display:flex;flex-wrap:wrap;gap:9px;margin:36px 0 30px} .pa-filter{padding:10px 18px;background:transparent;border:1px solid #c4b6a6;cursor:pointer;color:#514537;font-size:12px} .pa-filter.is-active,.pa-filter:hover{background:#242127;color:#fff;border-color:#242127} .pa-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(16px,2.2vw,32px)} .pa-library-item{display:block;text-decoration:none;color:inherit;min-width:0} .pa-library-image{position:relative;display:block;aspect-ratio:4/3;background:#2c2929 center/cover no-repeat;overflow:hidden} .pa-library-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffffb3;border-radius:50%;display:grid;place-items:center;background:#0008;color:#fff;width:52px;height:52px;font-size:16px} .pa-library-title{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;line-height:1.1;margin:12px 0 5px} .pa-library-platform{display:block;font-size:11px;color:#826a50} .pa-library-back{margin-top:65px;font-size:13px;border-top:1px solid #d6cabe;padding-top:22px;color:#80694b} @media(max-width:600px){ .pa-library{padding:116px 18px 75px} .pa-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pa-library-image{aspect-ratio:1} .pa-library-title{font-size:22px} .pa-library-filters{gap:6px} .pa-filter{padding:9px 12px} } /* V1.9.3.2 — Music portal: channel destinations instead of embedded works. */ .pa-channel-library{background:#f3eee6;color:#27221e} .pa-channel-library .pa-library-inner{max-width:1280px} .pa-channel-library .pa-library-eyebrow{margin-bottom:14px} .pa-channel-library .pa-library-intro{max-width:690px;margin:18px 0 50px;font-size:clamp(14px,1.4vw,17px);line-height:1.75} .pa-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.3vw,30px)} .pa-channel-card-wrap{min-width:0} .pa-channel-card{--pa-accent:#be9b78;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:265px;height:100%;padding:clamp(25px,3vw,40px);background:#242225;color:#f6f2e9;text-decoration:none;overflow:hidden;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;border:1px solid #3a3332} .pa-channel-card::after{content:"";position:absolute;right:-75px;top:-105px;width:245px;height:245px;border:1px solid #ffffff14;border-radius:50%;pointer-events:none} .pa-channel-card:not(.pa-channel-placeholder):hover,.pa-channel-card:not(.pa-channel-placeholder):focus-visible{background:#302b2b;transform:translateY(-4px);box-shadow:0 16px 38px #29211e25} .pa-channel-card:focus-visible{outline:3px solid #c4a179;outline-offset:4px} .pa-platform-youtube{--pa-accent:#f16b5d}.pa-platform-spotify{--pa-accent:#65c58d}.pa-platform-apple{--pa-accent:#d2bbaa}.pa-platform-tiktok{--pa-accent:#7ed8d4}.pa-platform-soundcloud{--pa-accent:#fbb36d}.pa-platform-bandcamp{--pa-accent:#8ac9cd}.pa-platform-other{--pa-accent:#c7a777} .pa-channel-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--pa-accent) 55%,transparent);border-radius:50%;color:var(--pa-accent);flex-shrink:0} .pa-channel-icon svg{width:35px;height:35px;display:block} .pa-channel-copy{display:flex;flex-direction:column;gap:6px;flex:1;justify-content:flex-end} .pa-channel-name{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(35px,3.6vw,54px);line-height:1.05;letter-spacing:-.025em} .pa-channel-description{display:block;font-size:12px;color:#c6bfb6;letter-spacing:.02em;line-height:1.5} .pa-channel-cta{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:13px;padding-top:17px;border-top:1px solid #ffffff27;letter-spacing:.15em;color:var(--pa-accent);font-size:10px;font-weight:600} .pa-channel-cta span{font-size:23px;line-height:1;font-weight:400;transition:transform .25s} .pa-channel-card:not(.pa-channel-placeholder):hover .pa-channel-cta span{transform:translate(3px,-3px)} .pa-channel-placeholder{opacity:.73;border-color:#504c4a;cursor:default} .pa-channel-placeholder .pa-channel-cta{color:#c8bbb0} .pa-channel-note{font-size:12px;color:#746b62;line-height:1.75;margin-top:28px;max-width:750px} .pa-channel-empty{font-size:13px;color:#866747;background:#e9dfd4;padding:15px 18px;margin-top:22px;border-left:3px solid #bda182} .pa-channel-library .pa-library-back{margin-top:55px} @media(max-width:767px){ .pa-channel-library{padding:115px 19px 80px} .pa-channel-library .pa-library-intro{margin:15px 0 30px} .pa-channel-grid{grid-template-columns:1fr;gap:13px} .pa-channel-card{min-height:172px;padding:22px 24px;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:18px;row-gap:8px} .pa-channel-icon{width:50px;height:50px;grid-row:1 / 3;align-self:start} .pa-channel-icon svg{width:29px;height:29px} .pa-channel-copy{justify-content:start;align-self:center;grid-column:2;gap:3px} .pa-channel-name{font-size:37px} .pa-channel-description{font-size:11px} .pa-channel-cta{grid-column:2;margin-top:3px;padding-top:12px;font-size:9px} .pa-channel-card::after{width:150px;height:150px;right:-65px;top:-70px} } @media(prefers-reduced-motion:reduce){.pa-channel-card,.pa-channel-cta span{transition:none!important}} /* V2.0 — Adaptive header contrast. All header elements must follow scene tone. */ body.home .site-header { --pa-menu-text:#f7f2ec; --pa-menu-accent:#e6c49b; } body.home.pa-header-light .site-header { --pa-menu-text:#302923; --pa-menu-accent:#805c37; } /* An explicit color prevents white links disappearing on ivory scenes. */ body.home .site-header .site-nav > a { color:var(--pa-menu-text)!important; opacity:1!important; text-shadow:none; display:inline-flex; align-items:center; min-height:32px; border-bottom:1px solid transparent; transition:color .22s ease,border-color .22s ease; } body.home .site-header .site-nav > a:is(:hover,:focus-visible), body.home .site-header .site-nav > a[aria-current="location"] { color:var(--pa-menu-accent)!important; border-bottom-color:var(--pa-menu-accent); } body.home .site-header .language-switch a { color:var(--pa-menu-text)!important; opacity:1!important; text-shadow:none!important; } body.home .site-header .language-switch a[aria-current="page"] { color:var(--pa-menu-accent)!important; border-bottom-color:var(--pa-menu-accent)!important; } body.home .site-header .language-switch > span { color:var(--pa-menu-text)!important; opacity:.6; } body.home .site-header .wordmark {color:var(--pa-menu-text)!important;} body.home .site-header .menu-toggle span {background:var(--pa-menu-text)!important;} /* Inner pages have an ivory background; keep every navigation entry legible. */ body:not(.home) .site-header .site-nav > a {color:#302923!important;} body:not(.home) .site-header .site-nav > a:is(:hover,:focus-visible) {color:#805c37!important;} @media(max-width:900px) { /* Mobile dropdown always uses a dark panel, irrespective of the scene behind it. */ .site-header .site-nav.is-open { background:rgba(28,27,31,.98); border:1px solid rgba(198,164,122,.32); box-shadow:0 20px 50px rgba(0,0,0,.32); z-index:300; } body.home .site-header .site-nav.is-open > a, body:not(.home) .site-header .site-nav.is-open > a {color:#f7f2ec!important;} body.home .site-header .site-nav.is-open > a:is(:hover,:focus-visible), body.home .site-header .site-nav.is-open > a[aria-current="location"], body:not(.home) .site-header .site-nav.is-open > a:is(:hover,:focus-visible) { color:#e6c49b!important; border-bottom-color:#e6c49b; } } /* V2.0.1 — Circular official-channel avatars in the adaptive showcase and Explore. */ .pa-showcase .pa-showcase-side{gap:clamp(12px,2vh,20px)} .pa-showcase .pa-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(15px,2.3vh,26px);align-items:start;justify-items:center} .pa-showcase .pa-side-grid[data-count="1"]{grid-template-columns:1fr;max-width:230px;align-self:center;width:100%} .pa-channel-pill{--pa-accent:#c5a57d;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;text-align:center;text-decoration:none;color:inherit;border:0;background:none;line-height:1.35;transition:transform .25s ease} .pa-channel-pill:not(.is-disabled){cursor:pointer} .pa-channel-pill:not(.is-disabled):hover{transform:translateY(-4px)} .pa-channel-pill:focus-visible{outline:2px solid #c9a781;outline-offset:6px;border-radius:6px} .pa-channel-portrait{width:clamp(74px,9.5vw,116px);aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:50%;border:2px solid #d5b78d7a;background:linear-gradient(145deg,#4a403b,#29262b);box-shadow:0 8px 24px #0004;margin:0 auto 9px;flex-shrink:0;isolation:isolate} .pa-channel-portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%} .pa-channel-monogram{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,3.4vw,36px);color:#e8cfa9;letter-spacing:.03em;font-weight:500} .pa-channel-platform-badge{position:absolute;right:-5px;bottom:0;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f1e4d5;color:#221e20;border:2px solid #222126;box-shadow:0 2px 9px #0004} .pa-channel-platform-badge svg{display:block;width:18px;height:18px} .pa-channel-artist-name{font-size:clamp(11px,1vw,14px);font-weight:600;line-height:1.35;color:#f4eae0;overflow-wrap:anywhere;max-width:100%} .pa-channel-platform-name{font-size:clamp(10px,.85vw,12px);color:#d6b48c;overflow-wrap:anywhere} .pa-channel-unavailable{font-size:9px;color:#ada39a;letter-spacing:.09em} .pa-channel-pill.is-disabled{opacity:.64;cursor:default} .pa-showcase .pa-side-explore{align-self:center;text-align:center;font-size:10px} .pa-channel-grid--portraits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,46px);align-items:start} .pa-channel-grid--portraits .pa-channel-card-wrap{min-width:0;display:flex;justify-content:center} .pa-channel-pill--library{color:#302821;padding:26px 12px 23px;width:100%;max-width:240px;min-height:210px;border-bottom:1px solid #c8b7a5;background:transparent} .pa-channel-pill--library .pa-channel-portrait{width:clamp(92px,12vw,150px);margin-bottom:15px;border-color:#bd9c79;background:linear-gradient(145deg,#e6d5c3,#cbb59e);box-shadow:0 9px 28px #45342120} .pa-channel-pill--library .pa-channel-monogram{color:#594334;font-size:clamp(27px,4vw,46px)} .pa-channel-pill--library .pa-channel-platform-badge{width:39px;height:39px;right:-5px;bottom:3px;border:3px solid #f3eee6;background:#302926;color:#f8ebdb} .pa-channel-pill--library .pa-channel-platform-badge svg{width:22px;height:22px} .pa-channel-pill--library .pa-channel-artist-name{color:#282320;font-size:clamp(13px,1.4vw,18px)} .pa-channel-pill--library .pa-channel-platform-name{color:#856c51;font-size:12px} .pa-channel-pill--library .pa-channel-unavailable{color:#9b8775} .pa-channel-pill--library:not(.is-disabled):hover .pa-channel-portrait{border-color:#815e3f;box-shadow:0 15px 30px #53402e33} @media(min-width:768px) and (max-height:760px){ .pa-showcase .pa-showcase-side{padding-top:80px;padding-bottom:80px;gap:9px} .pa-showcase .pa-side-grid{gap:10px} .pa-showcase .pa-channel-portrait{width:clamp(70px,9vh,94px)} } @media(max-width:767px){ .pa-showcase.pa-ratio-horizontal .pa-showcase-side{justify-content:center;gap:6px;padding:8px 15px 88px;overflow-x:hidden} .pa-showcase.pa-ratio-horizontal .pa-side-grid{display:grid;grid-template-columns:repeat(var(--pa-shortcut-count,4),minmax(0,1fr));align-items:start;justify-items:center;gap:5px;width:100%;max-width:none} .pa-showcase.pa-ratio-horizontal .pa-side-grid[data-count="1"]{width:100%;max-width:none;align-self:stretch} .pa-showcase.pa-ratio-horizontal .pa-channel-pill--side{gap:3px;width:100%;min-width:0} .pa-showcase.pa-ratio-horizontal .pa-channel-portrait{width:clamp(48px,13.5vw,74px);margin:0 auto 5px;border-width:1px} .pa-showcase.pa-ratio-horizontal .pa-channel-platform-badge{width:22px;height:22px;right:-5px;border-width:1px} .pa-showcase.pa-ratio-horizontal .pa-channel-platform-badge svg{width:12px;height:12px} .pa-showcase.pa-ratio-horizontal .pa-channel-monogram{font-size:19px} .pa-showcase.pa-ratio-horizontal .pa-channel-artist-name{font-size:10px;line-height:1.15} .pa-showcase.pa-ratio-horizontal .pa-channel-platform-name{font-size:9px;line-height:1.1} .pa-showcase.pa-ratio-horizontal .pa-channel-unavailable{font-size:7px;letter-spacing:0} .pa-showcase.pa-ratio-horizontal .pa-side-eyebrow{font-size:9px;line-height:1.3} .pa-showcase.pa-ratio-horizontal .pa-side-explore{align-self:center;font-size:9px;min-height:28px;padding:2px 0} .pa-channel-grid--portraits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .pa-channel-pill--library{padding:17px 4px;min-height:175px} .pa-channel-pill--library .pa-channel-portrait{width:clamp(80px,26vw,128px);margin-bottom:10px} .pa-channel-pill--library .pa-channel-artist-name{font-size:13px} .pa-channel-pill--library .pa-channel-platform-name{font-size:11px} } @media(max-width:365px){.pa-showcase.pa-ratio-horizontal .pa-channel-portrait{width:45px}.pa-showcase.pa-ratio-horizontal .pa-channel-artist-name{font-size:9px}} @media(prefers-reduced-motion:reduce){.pa-channel-pill{transition:none!important}} /* V2.0.2 — Keep music channel portraits perfectly circular on mobile. A portrait image's intrinsic height must not stretch the CSS grid track. */ .pa-channel-portrait{ --pa-portrait-size:clamp(74px,9.5vw,116px); box-sizing:border-box; width:var(--pa-portrait-size)!important; height:var(--pa-portrait-size)!important; min-width:var(--pa-portrait-size); min-height:var(--pa-portrait-size); max-width:var(--pa-portrait-size); max-height:var(--pa-portrait-size); aspect-ratio:1 / 1; display:block; position:relative; border-radius:50%; flex:0 0 var(--pa-portrait-size); } .pa-channel-portrait > img{ position:absolute; inset:0; display:block; width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; aspect-ratio:1 / 1; object-fit:cover!important; object-position:center; border-radius:50%; } .pa-channel-portrait > .pa-channel-monogram{ position:absolute; inset:0; display:grid; place-items:center; } .pa-channel-pill--library .pa-channel-portrait{--pa-portrait-size:clamp(92px,12vw,150px)} .pa-showcase .pa-channel-portrait{--pa-portrait-size:clamp(70px,9vh,94px)} @media(max-width:767px){ .pa-channel-pill--library .pa-channel-portrait{--pa-portrait-size:clamp(80px,26vw,128px)} .pa-showcase.pa-ratio-horizontal .pa-channel-portrait{--pa-portrait-size:clamp(48px,13.5vw,74px)} } @media(max-width:365px){ .pa-showcase.pa-ratio-horizontal .pa-channel-portrait{--pa-portrait-size:45px} } /* V2.0.3 — Desktop + mobile avatar aspect-ratio correction. Keep a real square frame; the portrait photo is *inside* the circle and is absolutely positioned, so its intrinsic portrait ratio cannot stretch it. Channel badges remain outside the cropped inner frame. */ .pa-channel-pill .pa-channel-portrait { box-sizing:border-box!important; display:block!important; position:relative!important; --pa-portrait-size:clamp(74px,9.5vw,116px); width:var(--pa-portrait-size)!important; height:var(--pa-portrait-size)!important; min-width:var(--pa-portrait-size)!important; min-height:var(--pa-portrait-size)!important; max-width:var(--pa-portrait-size)!important; max-height:var(--pa-portrait-size)!important; aspect-ratio:1 / 1!important; border-radius:50%!important; flex:none!important; align-self:center!important; padding:0!important; } .pa-channel-portrait .pa-channel-avatar-frame { box-sizing:border-box; display:block; position:absolute; inset:0; width:100%; height:100%; aspect-ratio:1 / 1; border-radius:50%; overflow:hidden; } .pa-channel-portrait .pa-channel-avatar-frame > img { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; min-width:0!important; min-height:0!important; object-fit:cover!important; object-position:center center!important; border-radius:50%!important; } .pa-channel-portrait .pa-channel-avatar-frame > .pa-channel-monogram { position:absolute; inset:0; width:100%; height:100%; display:grid; place-items:center; } .pa-channel-portrait > .pa-channel-platform-badge { z-index:2; } /* Fixed physical dimensions in desktop and mobile contexts. */ .pa-channel-pill--library .pa-channel-portrait { --pa-portrait-size:clamp(92px,12vw,150px); } @media (min-width:768px) and (max-height:760px) { .pa-showcase .pa-channel-portrait { --pa-portrait-size:clamp(70px,9vh,94px); } } @media (max-width:767px) { .pa-channel-pill--library .pa-channel-portrait { --pa-portrait-size:clamp(80px,26vw,128px); } .pa-showcase.pa-ratio-horizontal .pa-channel-portrait { --pa-portrait-size:clamp(48px,13.5vw,74px); } } @media (max-width:365px) { .pa-showcase.pa-ratio-horizontal .pa-channel-portrait { --pa-portrait-size:45px; } } /* V2.0.4: portraits remain circular with either auto or manually chosen images. */ .pa-channel-portrait .pa-channel-avatar-frame > img{object-fit:cover!important;object-position:center;aspect-ratio:1/1;} /* V2.0.7 — ensure channel portraits are real, reachable links above media. */ .pa-showcase .pa-showcase-side{position:relative;z-index:20;isolation:isolate;pointer-events:auto!important} .pa-showcase .pa-side-grid{position:relative;z-index:21;pointer-events:auto!important} .pa-showcase a.pa-channel-pill--side,.pa-showcase a.pa-side-explore{position:relative;z-index:22;pointer-events:auto!important;touch-action:manipulation} .pa-channel-grid--portraits a.pa-channel-pill--library{pointer-events:auto!important;touch-action:manipulation} a.pa-channel-pill:not(.is-disabled) .pa-channel-avatar-frame,a.pa-channel-pill:not(.is-disabled) .pa-channel-platform-badge{pointer-events:none} @media(max-width:767px){.pa-showcase.pa-ratio-horizontal .pa-showcase-side{z-index:20}} /* V2.0.8 — Align official channel heading and explore CTA across screen sizes. */ /* Desktop portrait-video mode: side title centered over the complete channel grid. */ @media (min-width:768px) { .pa-showcase:not(.pa-ratio-horizontal) .pa-showcase-side { position:relative; box-sizing:border-box; padding-bottom:clamp(165px,23vh,210px); } .pa-showcase:not(.pa-ratio-horizontal) .pa-side-eyebrow { width:100%; text-align:center; align-self:center; line-height:1.5; } .pa-showcase:not(.pa-ratio-horizontal) .pa-side-grid { width:100%; align-self:center; } /* Match the vertical placement of the Explore link over the main video. */ .pa-showcase:not(.pa-ratio-horizontal) .pa-side-explore { position:absolute; z-index:22; bottom:clamp(100px,15vh,150px); left:50%; transform:translateX(-50%); margin:0; width:max-content; max-width:calc(100% - 28px); white-space:normal; justify-content:center; text-align:center; line-height:1.45; } } /* Tablet: retain the two-column channel display without overflowing the right panel. */ @media (min-width:768px) and (max-width:1100px) { .pa-showcase:not(.pa-ratio-horizontal) .pa-showcase-stage { grid-template-columns:minmax(0,1fr) minmax(295px,42%); } .pa-showcase.pa-side-right:not(.pa-ratio-horizontal) .pa-showcase-stage { grid-template-columns:minmax(295px,42%) minmax(0,1fr); } .pa-showcase:not(.pa-ratio-horizontal) .pa-showcase-side { padding-left:clamp(12px,2vw,26px); padding-right:clamp(12px,2vw,26px); gap:12px; } .pa-showcase:not(.pa-ratio-horizontal) .pa-side-grid { gap:clamp(9px,1.5vw,20px); } .pa-showcase:not(.pa-ratio-horizontal) .pa-channel-portrait { --pa-portrait-size:clamp(63px,8.5vw,92px); } .pa-showcase:not(.pa-ratio-horizontal) .pa-side-explore { font-size:9px;letter-spacing:.08em; } } /* Mobile: title and channel links remain centered and accessible beneath landscape video. */ @media (max-width:767px) { .pa-showcase.pa-ratio-horizontal .pa-side-eyebrow { align-self:center; width:100%; text-align:center; margin:0; } .pa-showcase.pa-ratio-horizontal .pa-side-explore { align-self:center; position:relative; left:auto;bottom:auto;transform:none; text-align:center; justify-content:center; max-width:100%; white-space:normal; } .pa-showcase.pa-ratio-horizontal .pa-side-grid { min-width:0; } } @media (max-width:420px) { .pa-showcase.pa-ratio-horizontal .pa-showcase-side {padding-left:10px;padding-right:10px;} .pa-showcase.pa-ratio-horizontal .pa-side-grid {gap:4px;} } /* V2.0.9 — Concerts fullscreen, responsive backgrounds and editable typography. */ body.home #concerts.pa-concert-fullscreen { position:relative;isolation:isolate;overflow:hidden; min-height:100svh;width:100%;color:var(--pa-concert-title-color,#fff); background-color:#19171a; background-image:linear-gradient(rgba(0,0,0,var(--pa-concert-shade,.42)),rgba(0,0,0,var(--pa-concert-shade,.42))),var(--pa-concert-bg-wide,linear-gradient(135deg,#272125,#0d0d0f)); background-repeat:no-repeat;background-size:cover;background-position:center center; } body.home.pa-scenes-ready #concerts.pa-concert-fullscreen {min-height:100svh;justify-content:center;padding:clamp(82px,9vh,130px) clamp(24px,7vw,120px) clamp(110px,13vh,170px);} body.home #concerts.pa-concert-fullscreen .section-label {position:relative;z-index:1;color:var(--pa-concert-label-color,#c4a47a);font-size:var(--pa-concert-label-desktop,12px);text-align:inherit;} body.home #concerts.pa-concert-fullscreen .concerts-inner {position:relative;z-index:1;max-width:var(--pa-concert-width,850px);width:100%;text-align:inherit;transform:translate(var(--pa-concert-offset-x,0px),var(--pa-concert-offset-y,0px));} body.home #concerts.pa-concert-fullscreen h2 {font-size:var(--pa-concert-title-desktop,76px);line-height:1.05;color:var(--pa-concert-title-color,#fff);overflow-wrap:anywhere;} body.home #concerts.pa-concert-fullscreen .concerts-inner p {font-size:var(--pa-concert-text-desktop,16px);color:var(--pa-concert-text-color,#e2d9cd);line-height:1.65;white-space:pre-line;} body.home #concerts.pa-concert-fullscreen .concert-status {font-size:var(--pa-concert-status-desktop,12px);color:var(--pa-concert-status-color,#c4a47a);} body.home #concerts.pa-concert-fullscreen .concert-rule {background:currentColor;opacity:.3;max-width:450px;margin:clamp(20px,4vh,42px) auto 22px;} body.home #concerts.pa-concert-align-left {align-items:flex-start;text-align:left;} body.home #concerts.pa-concert-align-center {align-items:center;text-align:center;} body.home #concerts.pa-concert-align-right {align-items:flex-end;text-align:right;} body.home #concerts.pa-concert-align-left .concert-rule {margin-left:0;margin-right:auto;} body.home #concerts.pa-concert-align-right .concert-rule {margin-left:auto;margin-right:0;} @media(orientation:portrait) { body.home #concerts.pa-concert-fullscreen {background-image:linear-gradient(rgba(0,0,0,var(--pa-concert-shade,.42)),rgba(0,0,0,var(--pa-concert-shade,.42))),var(--pa-concert-bg-tall,var(--pa-concert-bg-wide,linear-gradient(135deg,#272125,#0d0d0f)));} } @media(max-width:767px) { body.home.pa-scenes-ready #concerts.pa-concert-fullscreen {justify-content:center;padding:90px 25px 120px;} body.home #concerts.pa-concert-fullscreen .section-label {font-size:var(--pa-concert-label-mobile,11px);} body.home #concerts.pa-concert-fullscreen h2 {font-size:var(--pa-concert-title-mobile,49px);} body.home #concerts.pa-concert-fullscreen .concerts-inner p {font-size:var(--pa-concert-text-mobile,15px);} body.home #concerts.pa-concert-fullscreen .concert-status {font-size:var(--pa-concert-status-mobile,11px);} body.home #concerts.pa-concert-fullscreen .concerts-inner {max-width:100%;} } /* V2.0.10 — Artist portrait: retain vertical composition on portrait screens. */ @media (orientation: portrait) { body.home .about-grid .portrait.visual-frame, body.home.pa-scenes-ready .about-grid .portrait.visual-frame { width:100%; height:auto; min-height:0; aspect-ratio:4 / 5; background-size:cover; background-position:center center; flex-shrink:0; } body.home.pa-scenes-ready .about {justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;} body.home.pa-scenes-ready .about-grid {align-content:start;} } /* Never show the unnecessary portrait caption. */ body.home .about-grid .portrait .image-hint {display:none!important;} /* V2.0.11 — Artist portrait is always uncropped. Render the original photo as an , never as a cover background. */ body.home .about-grid .portrait.visual-frame, body.home.pa-scenes-ready .about-grid .portrait.visual-frame { display:flex!important; align-items:center; justify-content:center; width:100%; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; background-size:contain!important; background-repeat:no-repeat; overflow:visible!important; flex-shrink:0; } body.home .about-grid .portrait .pa-artist-original-photo { display:block; width:auto!important; height:auto!important; max-width:100%!important; max-height:min(72dvh,760px)!important; object-fit:contain!important; object-position:center!important; aspect-ratio:auto!important; margin:0 auto; } body.home.pa-scenes-ready .about {overflow-y:auto!important;overscroll-behavior:contain;} @media (max-width:900px), (orientation:portrait) { body.home .about-grid .portrait .pa-artist-original-photo { width:100%!important; max-width:100%!important; max-height:none!important; height:auto!important; object-fit:contain!important; } body.home.pa-scenes-ready .about {justify-content:flex-start!important;} } body.home .about-grid .portrait .image-hint {display:none!important;} /* V2.0.12 — Blend the unused portrait frame into the Artist section. Keep the full original image, without cropping, stretching or adding side bars. */ body.home #about .about-grid .portrait.visual-frame, body.home.pa-scenes-ready #about .about-grid .portrait.visual-frame { background:transparent!important; background-image:none!important; background-color:transparent!important; box-shadow:none!important; border:0!important; } body.home #about .about-grid .portrait .pa-artist-original-photo { background:transparent!important; box-shadow:none!important; } /* V2.0.13 — Subtle section arrows, prominent on interaction. Use filter instead of opacity so the existing delayed entrance animation continues to work and hover/touch states are not overridden by its fill mode. */ body.home.pa-scenes-ready .section-controls { filter:opacity(.52); transition:filter .22s ease; } @media (hover:hover) and (pointer:fine) { body.home.pa-scenes-ready .section-controls:hover {filter:opacity(1);} } body.home.pa-scenes-ready .section-controls:focus-within, body.home.pa-scenes-ready .section-controls:active {filter:opacity(1);} @media (hover:none) { body.home.pa-scenes-ready .section-controls {filter:opacity(.58);} body.home.pa-scenes-ready .section-controls:active, body.home.pa-scenes-ready .section-controls:focus-within {filter:opacity(1);} } @media (prefers-reduced-motion:reduce) { body.home.pa-scenes-ready .section-controls {transition:none;} } /* V2.0.14 — Hero artist-role typography is controlled by Customizer CSS in wp_head. */ /* V2.0.19 — Keep the Hero CTA, quote and other controls in their exact original layout positions when the title image is freely positioned. A hidden in-flow image reserves the original dimensions, while the visible image is independently positioned above the Hero. */ body.home #home .hero-content > .pa-hero-title-placeholder { visibility:hidden!important; pointer-events:none!important; animation:none!important; transition:none!important; opacity:0!important; } body.home #home .hero-content > .pa-hero-title-placeholder * { pointer-events:none!important; } /* V2.0.21: subtle top-only hero gradient on narrow or portrait viewports. Covers 30% of the hero height; no changes to the photograph or layout. The overlay is non-interactive so menu, hero links and section arrows work. */ @media (max-width: 767px), (orientation: portrait) { body.home #home .hero-vignette::after { content: ""; position: absolute; inset: 0 0 auto; height: 30%; background: linear-gradient(to bottom, rgba(5, 6, 9, .38) 0%, rgba(5, 6, 9, .23) 36%, rgba(5, 6, 9, .09) 72%, rgba(5, 6, 9, 0) 100%); pointer-events: none; } } /* V2.0.22 — Contact social icons: desktop and mobile, both languages. */ body.home .pa-contact-icons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(18px,3vw,32px);margin-top:clamp(24px,4vh,44px)} body.home .pa-contact-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(52px,5.5vw,68px);height:clamp(52px,5.5vw,68px);border:1px solid rgba(196,164,122,.58);border-radius:50%;color:var(--ivory);background:rgba(255,255,255,.025);transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease} body.home .pa-contact-icon svg{width:26px;height:26px;display:block;flex:none} body.home .pa-contact-icon:hover,body.home .pa-contact-icon:focus-visible{color:var(--gold);border-color:var(--gold);background:rgba(196,164,122,.10);transform:translateY(-3px)} body.home .pa-contact-icon:active{transform:scale(.95)} @media(max-width:767px),(orientation:portrait){body.home .pa-contact-icons{gap:22px;margin-top:26px}body.home .pa-contact-icon{width:56px;height:56px}body.home .pa-contact-icon svg{width:24px;height:24px}} @media(prefers-reduced-motion:reduce){body.home .pa-contact-icon{transition:none}} /* V2.0.23: Contact editorial split with circular portrait and bilingual quote. */ body.home .pa-contact-layout{display:grid;grid-template-columns:minmax(0,var(--pa-contact-photo-desktop,340px)) minmax(0,1fr);align-items:center;justify-content:center;gap:clamp(36px,6vw,100px);width:min(100%,1100px);margin:auto;min-width:0} body.home .pa-contact-photo-wrap{width:min(100%,var(--pa-contact-photo-desktop,340px));aspect-ratio:1;justify-self:center;border-radius:50%;overflow:hidden;flex:none} body.home .pa-contact-photo{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:50%} body.home .pa-contact-photo-placeholder{background:radial-gradient(circle at 35% 30%,#59545a,#2c2a31 65%,#222329);border:1px solid rgba(196,164,122,.3)} body.home .pa-contact-content{text-align:left;min-width:0} body.home .pa-contact-content .pa-contact-quote{font-size:clamp(40px,4.6vw,76px);line-height:1.08;margin:16px 0 24px;overflow-wrap:break-word} body.home .pa-contact-content .pa-contact-icons{justify-content:flex-start;margin-top:clamp(18px,3vh,32px)} body.home.pa-scenes-ready .contact{overflow-y:auto;overscroll-behavior:contain} body.home.pa-scenes-ready .contact .pa-contact-layout{flex-shrink:0} @media(max-width:767px),(orientation:portrait){ body.home .pa-contact-layout{display:flex;flex-direction:column;gap:clamp(12px,2.5vh,26px);align-items:center;width:100%} body.home .pa-contact-photo-wrap{width:min(var(--pa-contact-photo-mobile,190px),min(48vw,30dvh));height:auto;aspect-ratio:1} body.home .pa-contact-content{text-align:center;width:100%} body.home .pa-contact-content .pa-contact-quote{font-size:clamp(32px,8vw,52px);line-height:1.06;margin:8px 0 16px} body.home .pa-contact-content .pa-contact-icons{justify-content:center;margin-top:16px} body.home.pa-scenes-ready .contact{justify-content:flex-start;padding-top:clamp(78px,11vh,112px);padding-bottom:calc(100px + env(safe-area-inset-bottom));} body.home.pa-scenes-ready .contact .section-label{margin-bottom:clamp(12px,2vh,25px)} } @media(max-width:390px) and (max-height:760px){ body.home .pa-contact-layout{gap:10px} body.home .pa-contact-photo-wrap{width:min(var(--pa-contact-photo-mobile,190px),min(42vw,23dvh))} body.home .pa-contact-content .pa-contact-quote{font-size:clamp(29px,7.5vw,38px)} } /* V2.0.25 — Biography/detail pages: separate desktop menu from language selector. Homepage layout remains unchanged. */ @media (min-width:901px) { body:not(.home) .site-header .site-nav { margin-right:clamp(24px,3.4vw,58px); } body:not(.home) .site-header.pa-menu-center .site-nav { margin-right:0; } } /* Match the homepage's compact, accessible mobile header on internal pages. */ @media (max-width:900px) { body:not(.home) .site-header { position:relative; padding:calc(10px + env(safe-area-inset-top, 0px)) 16px 8px; gap:8px; } body:not(.home) .site-header .header-actions {gap:12px;} body:not(.home) .site-header:not(:has(> .wordmark)) .header-actions {width:100%;justify-content:space-between;} body:not(.home) .site-header .site-nav {top:calc(100% + 5px);} } /* V2.0.26 — Inner-page header matches the ivory page background. The previous transparent header revealed the global dark body background, producing a black strip on biography and detail pages on mobile. */ body:not(.home) { background:var(--ivory); color:var(--ink); } body:not(.home) .site-header { background:var(--ivory); } /* Preserve a contrasting dropdown panel when the mobile menu is expanded. */ @media (max-width:900px) { body:not(.home) .site-header .site-nav.is-open { background:rgba(28,27,31,.98); } } /* V2.0.27 — Music Library: remove the excessive blank space below the normal-flow mobile header. Keep desktop spacing unchanged. */ @media (max-width:900px) { body:not(.home) main.pa-library.pa-channel-library { padding-top:clamp(20px,4vw,36px); } body:not(.home) .pa-channel-library .pa-library-eyebrow { margin-top:0; } } /* V2.0.28: Editorial justification for readable prose across all pages. Navigation, headings, short labels, calls-to-action, and artistic quotes intentionally retain their designed alignment. */ :where(.about-copy p:not(.eyebrow), .music-heading p, .concerts-inner p:not(.concert-status), .pa-bio-prose p, .pa-bio-prose li, .pa-library-intro, .entry-content p, .entry-content li, .fallback-inner > p) { text-align: justify; text-align-last: left; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; } /* Keep customized concert heading alignment but justify the body copy. */ body.home #concerts.pa-concert-fullscreen .concerts-inner p:not(.concert-status) { text-align: justify; text-align-last: left; } /* Preserve intentional line breaks, while allowing long passages to wrap. */ :where(.about-copy p:not(.eyebrow), .concerts-inner p:not(.concert-status)) { overflow-wrap: break-word; } /* V2.0.29 — Remove the empty band before the first portrait on biography and extended artist profile pages. The mobile inner-page header is in normal flow, so its height must not be counted twice as top padding. */ @media (max-width:900px) { body:not(.home) main.pa-biography-page { padding-top:clamp(14px,3.5vw,28px); } body:not(.home) main.fallback-page { padding-top:clamp(14px,3.5vw,28px); } body:not(.home) .pa-bio-visual {margin-top:0;} body:not(.home) .pa-bio-visual img {display:block;} } @media (min-width:901px) { body:not(.home) main.pa-biography-page { padding-top:clamp(100px,10vh,125px); } body:not(.home) main.fallback-page { padding-top:clamp(100px,10vh,125px); } } /* V2.0.30 — Press & Media, designed to work with independent PA Press plugin. */ .pa-bio-press{max-width:1350px;margin:clamp(60px,8vw,125px) auto 0;padding-top:clamp(25px,3vw,45px);border-top:1px solid rgba(90,70,50,.18)} .pa-bio-press h2,.pa-press-page h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.06;color:#302923} .pa-bio-press h2{font-size:clamp(38px,5vw,66px);margin:12px 0 24px} .pa-press-page{min-height:100svh;padding:clamp(110px,12vh,155px) clamp(24px,7vw,120px) 90px} .pa-press-page-inner{max-width:1350px;margin:auto} .pa-press-page h1{font-size:clamp(50px,7vw,95px);margin:12px 0 16px} .pa-press-intro{color:#665a50;max-width:650px;font-size:16px;line-height:1.8;margin-bottom:32px} @media(max-width:900px){.pa-press-page{padding:clamp(14px,3.5vw,28px) 24px 75px}.pa-bio-press{margin-top:55px}.pa-bio-press h2{font-size:clamp(38px,10vw,55px)}} /* V2.0.31 — Press is a subsection below the Artist portrait and introduction, not a sixth fullscreen scene or an appendage of the biography detail page. */ .about .pa-about-press { width:100%;max-width:1400px;margin:clamp(34px,5vh,65px) auto 0; padding-top:clamp(20px,3vh,34px); border-top:1px solid rgba(90,70,50,.20); } .about .pa-about-press-heading {display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px;} .about .pa-about-press-heading .eyebrow {margin:0 0 8px;} .about .pa-about-press-heading h3 {font-size:clamp(31px,3.4vw,49px);margin:0;color:#302923;} .about .pa-about-press-heading .text-link {margin:0 0 3px;white-space:nowrap;} .about .pa-about-press .pa-press-grid {grid-template-columns:repeat(3,minmax(0,1fr));} /* Fullscreen Artist scene can scroll vertically to reveal all press cards. */ body.home.pa-scenes-ready #main > section.about {justify-content:flex-start;} @media (max-width:900px) { .about .pa-about-press {margin-top:35px;padding-top:22px;} .about .pa-about-press-heading h3 {font-size:clamp(30px,7vw,42px);} } @media (max-width:600px) { .about .pa-about-press-heading {align-items:flex-start;flex-direction:column;gap:12px;} .about .pa-about-press .pa-press-grid {grid-template-columns:1fr;} .about .pa-about-press-heading .text-link {margin:0;} body.home.pa-scenes-ready .about {padding-bottom:125px;} } /* V2.0.32 — Artist portrait blends softly into the ivory background. CSS mask preserves natural dimensions, source pixels, and uncropped aspect ratio. Desktop fades to the right; mobile fades downward. */ body.home.pa-artist-gradient-on #about .pa-about-gradient-photo .pa-artist-original-photo { -webkit-mask-image:linear-gradient(to right,#000 0%,#000 var(--pa-gradient-start,55%),rgba(0,0,0,var(--pa-gradient-end,0)) 100%); mask-image:linear-gradient(to right,#000 0%,#000 var(--pa-gradient-start,55%),rgba(0,0,0,var(--pa-gradient-end,0)) 100%); } /* Override the mask only when the user has disabled the effect in Customizer. */ body.home #about .pa-about-gradient-photo .pa-artist-original-photo:not([src]) {mask-image:none;-webkit-mask-image:none;} @media(max-width:767px) { body.home.pa-artist-gradient-on #about .pa-about-gradient-photo .pa-artist-original-photo { -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 var(--pa-gradient-start,55%),rgba(0,0,0,var(--pa-gradient-end,0)) 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 var(--pa-gradient-start,55%),rgba(0,0,0,var(--pa-gradient-end,0)) 100%); } body.home #about .about-grid {gap:clamp(10px,3vw,22px);} .about .pa-about-press-heading {gap:10px;} /* Native touch carousel, one article per swipe; desktop keeps three cards. */ .about .pa-about-press-carousel {width:100%;min-width:0;} .about .pa-about-press-carousel .pa-press-grid { display:flex!important;flex-wrap:nowrap;gap:16px; overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory; scroll-padding-inline:0;overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;scrollbar-width:none; margin:18px 0 8px;padding:0 0 6px; } .about .pa-about-press-carousel .pa-press-grid::-webkit-scrollbar {display:none;} .about .pa-about-press-carousel .pa-press-card { flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start; } .about .pa-about-press-dots {display:flex;justify-content:center;gap:12px;align-items:center;margin:12px 0 0;} .about .pa-about-press-dots button {width:9px;height:9px;padding:0;border-radius:50%;border:1px solid #9b8166;background:transparent;cursor:pointer;} .about .pa-about-press-dots button[aria-current="true"] {background:#8b7054;} .about .pa-about-press-heading .text-link {align-self:flex-end;} } @media(min-width:768px) {.about .pa-about-press-dots{display:none;}} /* V2.0.33 — Inner-page sticky header: transparent at page top, opaque ivory only after scrolling. Homepage scenes remain untouched. */ body:not(.home) .site-header { position:fixed; top:0; left:0; right:0; z-index:500; background:transparent; box-shadow:none; border-bottom:1px solid transparent; transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease; } body:not(.home) .site-header.pa-header-scrolled { background:#f3eee6; border-bottom-color:#e2d8cb; box-shadow:0 2px 12px rgba(39,31,24,.045); } /* Avoid overlapping the WordPress admin toolbar for logged-in editors. */ body.admin-bar:not(.home) .site-header {top:32px;} @media (max-width:782px) { body.admin-bar:not(.home) .site-header {top:46px;} } @media (max-width:900px) { /* Keep the mobile header in document flow while it sticks; no layout jump. */ body:not(.home) .site-header { position:sticky; top:0; background:transparent; } body.admin-bar:not(.home) .site-header {top:32px;} body:not(.home) .site-header.pa-header-scrolled {background:#f3eee6;} } @media (max-width:782px) { body.admin-bar:not(.home) .site-header {top:46px;} } @media (prefers-reduced-motion:reduce) { body:not(.home) .site-header {transition:none;} } /* V2.0.34 — Homepage Artist/Press scene only: solid ivory header while scrolling the scene's own container. At the top it stays transparent. Other fullscreen scenes retain their existing header appearance. */ body.home .site-header.pa-header-scrolled { background-color:#f3eee6; border-bottom:1px solid #e2d8cb; box-shadow:0 2px 12px rgba(39,31,24,.045); transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease; } body.home .site-header { border-bottom:1px solid transparent; transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease; } @media (prefers-reduced-motion:reduce) { body.home .site-header {transition:none;} } /* V2.0.37 — clear, separate career milestones after existing biography. */ .pa-bio-milestones{margin-top:clamp(54px,8vw,112px);padding-top:clamp(34px,5vw,65px);border-top:1px solid rgba(121,83,46,.24)} .pa-bio-milestones-intro{margin-bottom:30px} .pa-bio-milestones-intro .eyebrow{margin-bottom:12px} .pa-bio-milestones-intro h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.12;margin:0} .pa-bio-milestones-content>h2{font-size:clamp(27px,3vw,39px);margin:2em 0 .8em;border-bottom:1px solid rgba(121,83,46,.14);padding-bottom:.35em} .pa-bio-milestones-content>h2:first-child{margin-top:.5em} .pa-bio-milestones-content ul{list-style:none;padding:0;margin:0 0 2em} .pa-bio-milestones-content li{padding:12px 0 12px 18px;border-left:1px solid rgba(121,83,46,.28);margin:0;position:relative} .pa-bio-milestones-content li:before{content:'';position:absolute;left:-4px;top:22px;width:7px;height:7px;border-radius:50%;background:#a78a6e} .pa-bio-milestones-content li strong{color:#79532e;font-weight:600} @media(max-width:767px){.pa-bio-milestones{margin-top:50px}.pa-bio-milestones-content li{padding:10px 0 10px 15px}} /* V2.0.38 — subtle translucent backing only for the Hero music CTA. */ body.home #home a.outline-button[href="#music"] { background: rgba(12, 13, 17, .38); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-color: rgba(243, 238, 230, .75); text-shadow: 0 1px 3px rgba(0, 0, 0, .28); } body.home #home a.outline-button[href="#music"]:hover, body.home #home a.outline-button[href="#music"]:focus-visible { background: var(--ivory); color: var(--ink); text-shadow: none; } /* V3.0.1 — Concert copy in lower third; independent responsive controls. */ body.home #concerts.pa-concert-fullscreen, body.home.pa-scenes-ready #concerts.pa-concert-fullscreen {position:relative;} body.home #concerts.pa-concert-fullscreen .concerts-inner { position:absolute!important; left:var(--pa-concert-x-desktop,50%); top:var(--pa-concert-y-desktop,67%); width:calc(100% - 48px); max-width:var(--pa-concert-width,850px); margin:0; padding:0; transform:translate(calc(-50% + var(--pa-concert-offset-x,0px)),calc(-50% + var(--pa-concert-offset-y,0px))); text-align:inherit; } body.home #concerts.pa-concert-fullscreen .concerts-inner h2 { white-space:normal; line-height:var(--pa-concert-title-line-height,105%); margin:0 0 clamp(12px,2vh,24px); } body.home #concerts.pa-concert-fullscreen .concert-status { display:block; line-height:var(--pa-concert-status-line-height,150%); } body.home #concerts.pa-concert-fullscreen .concert-rule { width:var(--pa-concert-rule-width,60%); max-width:none; background:var(--pa-concert-rule-color,#fff); opacity:.45; margin-top:clamp(8px,2.5vh,28px); margin-bottom:var(--pa-concert-rule-gap,22px); } @media(max-width:767px){ body.home #concerts.pa-concert-fullscreen .concerts-inner { left:var(--pa-concert-x-mobile,50%); top:var(--pa-concert-y-mobile,50%); width:calc(100% - 40px); } } /* V3.0.3 — Unified responsive alignment for Artist profile and Press. Both subsections share the same fluid content grid and leading edge. */ body.home #about { --pa-about-content-max: 1400px; --pa-about-column-gap: clamp(28px, 4.5vw, 92px); } body.home #about > .about-grid, body.home #about > .pa-about-press { box-sizing:border-box; width:100%; max-width:var(--pa-about-content-max); margin-left:auto; margin-right:auto; min-width:0; } body.home #about > .about-grid { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:var(--pa-about-column-gap); align-items:center; } /* Original portrait is deliberately narrower than its grid cell on some screens: align its actual image edge, not merely the invisible cell edge. */ body.home #about .about-grid .portrait.visual-frame { justify-content:flex-start!important; align-items:center; min-width:0; } body.home #about .about-grid .portrait .pa-artist-original-photo { margin-left:0!important; margin-right:auto!important; } body.home #about .about-copy {min-width:0;} body.home #about .pa-about-press {margin-top:clamp(32px,5vh,64px);} body.home #about .pa-about-press-heading, body.home #about .pa-about-press-carousel {min-width:0;} @media(max-width:767px) { body.home #about > .about-grid {grid-template-columns:minmax(0,1fr);gap:clamp(14px,3vw,26px);} body.home #about .about-grid .portrait.visual-frame {justify-content:center!important;} body.home #about .about-grid .portrait .pa-artist-original-photo {margin-left:auto!important;margin-right:auto!important;} body.home #about > .pa-about-press {margin-top:clamp(28px,5vh,46px);} } /* V3.0.4 — Artist-only golden-ratio grid and unified editorial type scale. No global sections, music, concert, contact or press archive styles changed. */ body.home #about { --pa-artist-container: 1280px; --pa-artist-gutter: clamp(20px, 3vw, 48px); --pa-artist-column-gap: clamp(28px, 3.8vw, 60px); --pa-artist-body-size: 17px; --pa-artist-body-leading: 1.7; } body.home #about > .about-grid, body.home #about > .pa-about-press { width:100%; max-width:var(--pa-artist-container); margin-inline:auto; min-width:0; } body.home #about > .about-grid { grid-template-columns:minmax(0, 1fr) minmax(0, 1.618fr); gap:var(--pa-artist-column-gap); align-items:center; } body.home #about .about-grid .portrait.visual-frame {width:100%;min-width:0;} body.home #about .about-copy {min-width:0;} body.home #about .about-copy h2 { font-size:clamp(38px, 4.2vw, 64px); line-height:1.09; } body.home #about .about-copy p:not(.eyebrow) { font-size:var(--pa-artist-body-size); line-height:var(--pa-artist-body-leading); max-width:60ch; } body.home #about .pa-about-press-heading h3 {font-size:clamp(32px, 3.4vw, 48px);} /* Artist biography and its career milestones share the homepage Artist scale. */ body .pa-biography-page { --pa-artist-container:1280px; --pa-artist-column-gap:clamp(28px, 3.8vw, 60px); --pa-artist-body-size:17px; --pa-artist-body-leading:1.7; } body .pa-biography-page .pa-bio-layout { max-width:var(--pa-artist-container); grid-template-columns:minmax(0, 1fr) minmax(0, 1.618fr); gap:var(--pa-artist-column-gap); margin-inline:auto; } body .pa-biography-page .pa-bio-article {min-width:0;} body .pa-biography-page .pa-bio-article h1 { font-size:clamp(38px, 4.2vw, 64px); line-height:1.09; } body .pa-biography-page .pa-bio-prose, body .pa-biography-page .pa-bio-milestones-content { font-size:var(--pa-artist-body-size); line-height:var(--pa-artist-body-leading); } body .pa-biography-page .pa-bio-prose p, body .pa-biography-page .pa-bio-prose li {max-width:76ch;} body .pa-biography-page .pa-bio-milestones-intro h2 {font-size:clamp(32px, 3.4vw, 48px);} body .pa-biography-page .pa-bio-milestones-content > h2 {font-size:clamp(26px, 2.6vw, 36px);} @media (min-width:768px) and (max-width:1050px) { body.home #about > .about-grid, body .pa-biography-page .pa-bio-layout {gap:clamp(22px, 3vw, 38px);} } @media (max-width:900px) { body .pa-biography-page .pa-bio-layout {grid-template-columns:minmax(0, 1fr);gap:32px;} } @media (max-width:767px) { body.home #about {--pa-artist-body-size:16px;--pa-artist-body-leading:1.65;} body.home #about > .about-grid {grid-template-columns:minmax(0, 1fr);gap:clamp(18px, 4vw, 28px);} body.home #about .about-copy h2 {font-size:clamp(34px, 9vw, 46px);} body.home #about .about-copy p:not(.eyebrow) {font-size:16px;line-height:1.65;} body.home #about .pa-about-press-heading h3 {font-size:clamp(30px, 7vw, 40px);} body .pa-biography-page {--pa-artist-body-size:16px;--pa-artist-body-leading:1.65;} body .pa-biography-page .pa-bio-layout {grid-template-columns:minmax(0, 1fr);} body .pa-biography-page .pa-bio-article h1 {font-size:clamp(34px, 9vw, 46px);} body .pa-biography-page .pa-bio-prose, body .pa-biography-page .pa-bio-milestones-content {font-size:16px;line-height:1.65;} body .pa-biography-page .pa-bio-milestones-intro h2 {font-size:clamp(30px, 7vw, 40px);} } /* V3.0.5 — Contact: retain portrait and typography scale; rebalance the entire desktop group. Scoped exclusively to homepage contact. All mobile/portrait layouts remain unchanged. */ @media (min-width: 1100px) and (orientation: landscape) { body.home #contact .pa-contact-layout { width: min(100%, 1440px); max-width: 1440px; grid-template-columns: minmax(0, var(--pa-contact-photo-desktop, 340px)) minmax(0, 1fr); gap: clamp(28px, 3vw, 54px); margin-inline: auto; align-items: center; } body.home #contact .pa-contact-photo-wrap { width: min(100%, var(--pa-contact-photo-desktop, 340px)); } body.home #contact .pa-contact-content { min-width: 0; width: 100%; } body.home #contact .pa-contact-content .pa-contact-quote { /* Keep the original font size; give it more horizontal room instead. */ font-size: clamp(40px, 4.6vw, 76px); overflow-wrap: normal; word-break: normal; } } /* A single line where the available space can comfortably fit the default quote. Custom longer bilingual quotes remain free to wrap naturally. */ @media (min-width: 1440px) and (orientation: landscape) { body.home #contact .pa-contact-content .pa-contact-quote { text-wrap: balance; } } /* V3.0.6 — Center the visible contact group, not an oversized empty grid track. Slightly reduce the portrait and heading together; preserve mobile layout. */ @media (min-width:1100px) and (orientation:landscape) { body.home #contact .pa-contact-layout { width:max-content; max-width:100%; grid-template-columns:minmax(0, calc(var(--pa-contact-photo-desktop, 340px) * .92)) minmax(0,max-content); gap:clamp(26px, 3vw, 48px); margin-inline:auto; justify-content:center; align-items:center; } body.home #contact .pa-contact-photo-wrap { width:calc(var(--pa-contact-photo-desktop, 340px) * .92); max-width:100%; } body.home #contact .pa-contact-content { width:max-content; max-width:100%; min-width:0; } body.home #contact .pa-contact-content .pa-contact-quote { font-size:clamp(40px, 4.15vw, 68px); line-height:1.08; text-wrap:initial; white-space:nowrap; } body.home #contact .pa-contact-icon { width:clamp(50px, 5vw, 62px); height:clamp(50px, 5vw, 62px); } } /* Allow custom longer titles to wrap on narrower desktop viewports. */ @media (min-width:1100px) and (max-width:1399px) and (orientation:landscape) { body.home #contact .pa-contact-layout {width:min(100%, 1100px);grid-template-columns:minmax(0, calc(var(--pa-contact-photo-desktop, 340px) * .88)) minmax(0,1fr);} body.home #contact .pa-contact-content {width:100%;} body.home #contact .pa-contact-content .pa-contact-quote {white-space:normal;text-wrap:balance;} } /* V3.0.7 — Section navigation styles; scoped strictly to homepage controls. */ body.home.pa-scenes-ready .section-controls { gap:var(--pa-nav-gap,16px); bottom:calc(var(--pa-nav-bottom-desktop,18px) + env(safe-area-inset-bottom))!important; border-color:var(--pa-nav-color,#bba17d); background:var(--pa-nav-bg,rgba(15,16,20,.88)); } body.home.pa-scenes-ready .section-controls button { width:var(--pa-nav-size,44px); height:var(--pa-nav-size,44px); flex:0 0 var(--pa-nav-size,44px); border-width:var(--pa-nav-border,1px); border-style:solid; border-color:var(--pa-nav-color,#bba17d); color:var(--pa-nav-arrow,#f3eee6); border-radius:0; display:inline-flex; align-items:center; justify-content:center; padding:0; line-height:1; transition:background-color .2s ease,transform .2s ease,filter .2s ease; } body.home.pa-scenes-ready .section-controls button:focus-visible { outline:2px solid var(--pa-nav-arrow,#f3eee6); outline-offset:4px; } body.home.pa-scenes-ready .section-controls button:not(:disabled):hover {transform:translateY(-2px);} body.home.pa-scenes-ready .section-controls.pa-nav-style-classic-circle button, body.home.pa-scenes-ready .section-controls.pa-nav-style-floating-circles button, body.home.pa-scenes-ready .section-controls.pa-nav-style-minimal-outline button, body.home.pa-scenes-ready .section-controls.pa-nav-style-solid-champagne button {border-radius:50%;} /* The original square and framed-circle variants retain the enclosing bar. */ body.home.pa-scenes-ready .section-controls.pa-nav-style-floating-circles, body.home.pa-scenes-ready .section-controls.pa-nav-style-minimal-outline, body.home.pa-scenes-ready .section-controls.pa-nav-style-solid-champagne { background:transparent; border-color:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; padding:0; } body.home.pa-scenes-ready .section-controls.pa-nav-style-floating-circles button, body.home.pa-scenes-ready .section-controls.pa-nav-style-minimal-outline button { background:var(--pa-nav-bg,rgba(15,16,20,.88)); } body.home.pa-scenes-ready .section-controls.pa-nav-style-minimal-outline button { border-width:1px; background:rgba(15,16,20,.22); } body.home.pa-scenes-ready .section-controls.pa-nav-style-solid-champagne button { background:var(--pa-nav-color,#bba17d); color:#1c1d21; } body.home.pa-scenes-ready .section-controls.pa-nav-style-floating-circles .section-count, body.home.pa-scenes-ready .section-controls.pa-nav-style-minimal-outline .section-count, body.home.pa-scenes-ready .section-controls.pa-nav-style-solid-champagne .section-count { padding:7px 5px; color:var(--pa-nav-arrow,#f3eee6); text-shadow:0 1px 5px rgba(0,0,0,.85); } @media(max-width:767px) { body.home.pa-scenes-ready .section-controls { bottom:calc(var(--pa-nav-bottom-mobile,16px) + env(safe-area-inset-bottom))!important; gap:clamp(4px,var(--pa-nav-gap,16px),22px); } body.home.pa-scenes-ready .section-controls button { width:min(var(--pa-nav-size,44px),52px); height:min(var(--pa-nav-size,44px),52px); flex-basis:min(var(--pa-nav-size,44px),52px); } } @media(prefers-reduced-motion:reduce) { body.home.pa-scenes-ready .section-controls button {transition:none;} } /* V3.0.8 — Optional desktop-right navigation; mobile placement is unchanged. */ body.home #home .pa-hero-bottom-music-link {display:none;} @media (min-width:768px) { body.home.pa-scenes-ready .section-controls.pa-nav-placement-right-center, body.home.pa-scenes-ready .section-controls.pa-nav-placement-right-bottom { left:auto!important;right:var(--pa-nav-right-desktop,32px)!important; bottom:auto!important;top:50%!important; transform:translateY(-50%)!important; flex-direction:column;justify-content:center; white-space:nowrap; } body.home.pa-scenes-ready .section-controls.pa-nav-placement-right-bottom { top:auto!important;bottom:calc(var(--pa-nav-bottom-desktop,18px) + 44px)!important; transform:none!important; } body.home.pa-scenes-ready .section-controls.pa-nav-placement-right-center .section-count, body.home.pa-scenes-ready .section-controls.pa-nav-placement-right-bottom .section-count { text-align:center;min-width:var(--pa-nav-size,44px); } /* In right-side mode, relocate the hero CTA to the former bottom navigation position. */ body.home.pa-scenes-ready #home.pa-hero-nav-right-center .hero-content > a.outline-button[href="#music"], body.home.pa-scenes-ready #home.pa-hero-nav-right-bottom .hero-content > a.outline-button[href="#music"] {display:none!important;} body.home.pa-scenes-ready #home.pa-hero-nav-right-center .pa-hero-bottom-music-link, body.home.pa-scenes-ready #home.pa-hero-nav-right-bottom .pa-hero-bottom-music-link { display:inline-flex;position:absolute;z-index:80;left:50%;right:auto; bottom:calc(var(--pa-nav-bottom-desktop,18px) + env(safe-area-inset-bottom)); transform:translateX(-50%);white-space:nowrap; align-items:center;justify-content:center; } } @media(max-width:767px) { body.home.pa-scenes-ready .section-controls.pa-nav-placement-right-center, body.home.pa-scenes-ready .section-controls.pa-nav-placement-right-bottom { left:50%!important;right:auto!important;top:auto!important; bottom:calc(var(--pa-nav-bottom-mobile,16px) + env(safe-area-inset-bottom))!important; transform:translateX(-50%)!important;flex-direction:row; } body.home #home .pa-hero-bottom-music-link {display:none!important;} } /* V3.0.9 — Hero background video, layered behind all existing content. */ body.home #home .pa-hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;opacity:0;transition:opacity .65s ease;} body.home #home .pa-hero-background-video.pa-video-playing{opacity:1;} body.home #home .hero-vignette::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--pa-hero-video-overlay,0));pointer-events:none;} @media(max-width:767px),(orientation:portrait){body.home #home .pa-hero-background-video.pa-hero-video-hybrid{display:none!important;}} @media(prefers-reduced-motion:reduce){body.home #home .pa-hero-background-video{display:none!important;}} /* V3.0.10 — Configurable crossfade for the new timed modes only. */ body.home #home .pa-hero-background-video.pa-hero-video-timed{transition-duration:var(--pa-hero-fade,.8s);} /* V3.0.22 — Resilient image layers for Facebook in-app WebView. Native HTML images load independently of CSS custom-property backgrounds. Preserve existing section layout, overlays and video behavior. */ body.home #home .hero-photo .pa-background-picture, body.home #concerts .pa-concert-picture { display:block; position:absolute; inset:0; width:100%; height:100%; overflow:hidden; pointer-events:none; } body.home #home .hero-photo .pa-background-picture img, body.home #concerts .pa-concert-picture img { display:block; width:100%; height:100%; object-fit:cover; } body.home #home .hero-photo .pa-background-picture img {object-position:center 43%;} @media(max-width:767px) { body.home #home .hero-photo .pa-background-picture img {object-position:center center;} } body.home #concerts .pa-concert-picture {z-index:0;} body.home #concerts .pa-concert-picture::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,var(--pa-concert-shade,.42)); } body.home #concerts .concerts-inner, body.home #concerts > .section-label {position:relative;z-index:1;}