/* assets/site.css */ :root{--white:#ffffff;--black:#08090c;--red:#ec1730;--blue:#174ee9;--line:#dedfe2;--muted:#5c5e64;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,Helvetica,sans-serif;--serif:'Instrument Serif',Georgia,serif} [hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{background:#fff;color:var(--black);margin:0;font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button{outline-offset:5px}::selection{background:var(--red);color:#fff}p,h1,h2,h3,figure,blockquote{margin:0}em,i{font-family:var(--serif);font-weight:400}small{font-size:inherit}.skip{position:absolute;top:-100px;left:20px;background:var(--red);color:#fff;z-index:100;padding:14px}.skip:focus{top:15px} .site-nav{height:76px;background:#fff;border-bottom:1px solid #ebebee;position:relative;z-index:20}.nav-inner{height:100%;max-width:1800px;margin:auto;padding:0 4%;display:flex;justify-content:space-between;align-items:center}.nav-side{display:flex;align-items:center;gap:24px}.nav-home{font-family:var(--display);font-weight:900;letter-spacing:-.03em;font-size:38px;line-height:1}.nav-dot{color:var(--red)}.nav-location{font-size:10px;font-weight:800;letter-spacing:.19em}.nav-links{display:flex;align-items:center;gap:37px}.nav-links>a{font-size:12px;font-weight:800;letter-spacing:.06em;position:relative;transition:color .18s}.nav-links>a:not(.nav-book):after{content:'';height:2px;background:var(--red);position:absolute;bottom:-6px;left:0;width:0;transition:width .2s}.nav-links>a:hover:after,.nav-links>a[aria-current=page]:after{width:100%}.nav-links>a:hover{color:var(--red)}.nav-links .nav-book{background:var(--red);color:#fff;padding:15px 22px;transition:background .2s}.nav-links .nav-book:hover{background:var(--black);color:#fff}.mobile-toggle{display:none;background:transparent;border:0;width:40px;height:40px;padding:8px}.mobile-toggle span{display:block;background:var(--black);height:2px;margin:7px 0;transition:transform .2s} .cover{padding:0 4% 35px;background:#fff}.cover-overline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding-top:27px;font-size:10px;font-weight:800;letter-spacing:.16em}.cover-overline span:nth-child(2){text-align:center}.cover-overline span:last-child{text-align:right;color:var(--red)}.cover-masthead{font-family:var(--display);font-size:clamp(86px,11.65vw,260px);font-weight:800;line-height:.79;letter-spacing:-.055em;text-align:center;white-space:nowrap;padding:28px 0 23px;transform:scaleX(1.035);transform-origin:center}.cover-masthead span{color:var(--red)}.cover-stage{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1030px) minmax(110px,1fr);gap:clamp(15px,3vw,54px);align-items:stretch;max-width:1700px;margin:auto}.cover-photo{position:relative;aspect-ratio:1.86;min-height:475px;max-height:660px;overflow:hidden;background:#060818}.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:contrast(1.035) saturate(1.07)}.cover-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);color:#fff;display:flex;justify-content:space-between;align-items:end;padding:42px 24px 20px;font-size:10px;font-weight:800;letter-spacing:.13em}.cover-side{display:flex;flex-direction:column;justify-content:flex-end;gap:28px;padding-bottom:22px}.cover-side p{font-weight:800;font-size:11px;line-height:1.55;letter-spacing:.06em}.cover-side-r{text-align:right;align-items:flex-end}.cover-side-big{font-family:var(--display);font-size:110px;line-height:.7;color:var(--red);font-weight:900}.thin-red{width:40px;height:4px;background:var(--red);display:block}.type-link{font-size:11px;font-weight:800;white-space:nowrap}.type-link:hover{color:var(--red)}.link-line{display:block;height:1px;background:var(--black);margin-top:7px}.cover-bottom{max-width:1800px;margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px}.cover-bottom>span{font-size:10px;letter-spacing:.14em;font-weight:800}.cover-bottom>span:last-child{text-align:right}.cover-bottom p{text-align:center;font-family:var(--serif);font-size:32px;font-style:italic}.manifesto-section{background:#fff;border-top:1px solid var(--line);padding:110px max(4%,calc((100vw - 1550px)/2)) 135px;display:grid;grid-template-columns:24% 1fr;gap:4%}.side-note{font-size:11px;font-weight:800;letter-spacing:.18em;align-self:start;padding-top:28px}.manifesto-content h2{font-family:var(--display);font-size:clamp(100px,10.5vw,198px);line-height:.77;letter-spacing:-.025em;font-weight:800}.manifesto-content h2 em{display:inline-block;color:var(--red);font-size:.87em;line-height:.7;letter-spacing:-.09em;text-transform:none}.manifesto-text{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-top:70px}.manifesto-text p{max-width:500px;font-size:22px;line-height:1.55;letter-spacing:-.025em}.underlined-link{font-size:12px;font-weight:800;border-bottom:2px solid currentColor;padding-bottom:7px;display:inline-block;white-space:nowrap;transition:color .18s}.underlined-link:hover{color:var(--red)} .single-campaign{background:var(--red);color:#fff;padding:26px 4% 23px;overflow:hidden}.single-top,.single-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;letter-spacing:.14em;font-size:10px;font-weight:800}.single-campaign-body{max-width:1620px;margin:52px auto;display:grid;grid-template-columns:1.07fr .83fr;gap:clamp(30px,7vw,125px);align-items:center}.single-campaign-copy>p:first-child{font-size:12px;font-weight:800;letter-spacing:.15em;margin-bottom:24px}.single-campaign-copy h2{font-family:var(--display);font-size:clamp(120px,11.9vw,210px);line-height:.75;letter-spacing:-.035em;font-weight:800}.single-campaign-copy h2 span{color:var(--black)}.single-desc{font-size:18px;line-height:1.5;max-width:440px;margin-top:34px}.single-buttons{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:35px}.white-action{display:inline-flex;justify-content:center;align-items:center;background:#fff;color:var(--black);font-size:11px;font-weight:900;letter-spacing:.08em;min-height:54px;padding:0 28px;transition:background .2s,color .2s,transform .2s}.white-action:hover{background:var(--black);color:#fff;transform:translateY(-2px)}.quiet-action{font-size:12px;font-weight:800;border-bottom:1px solid #fff;padding:8px 0}.single-art{background:#12162b;aspect-ratio:1;position:relative;box-shadow:24px 24px 0 rgba(0,0,0,.1);overflow:hidden}.single-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.single-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:8%;background:linear-gradient(160deg,#17275f 0%,#061334 73%);color:#fff}.single-fallback small{font-size:12px;letter-spacing:.12em;font-weight:800}.single-fallback-title{font-family:var(--display);font-weight:900;font-size:clamp(55px,5vw,95px);line-height:.78;letter-spacing:-.025em}.art-status{position:absolute;z-index:3;bottom:0;right:0;padding:11px 14px;font-size:9px;font-weight:800;letter-spacing:.08em;background:#08090c;color:#fff}.single-art.art-loaded .art-status,.single-art.art-loaded .single-fallback{display:none} .selected-music{padding:150px 7% 160px;background:#fff;max-width:1850px;margin:auto}.selected-head{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:85px}.selected-head h2{font-size:clamp(85px,9vw,166px);font-family:var(--display);font-weight:800;line-height:.77;letter-spacing:-.025em}.serif-dot{font-family:var(--serif);color:var(--red);font-style:italic}.selected-head>div{max-width:290px}.selected-head>div p{font-size:16px;line-height:1.6;margin-bottom:24px}.selected-tracks>a{display:grid;grid-template-columns:1fr 170px;gap:15px;align-items:center;border-top:1px solid var(--black);min-height:125px;padding:15px 0;transition:padding .22s,color .22s}.selected-tracks>a:last-child{border-bottom:1px solid var(--black)}.selected-tracks>a:hover{color:var(--red);padding-left:20px}.selected-tracks>a span:first-child{font-family:var(--display);font-size:clamp(36px,4vw,71px);font-weight:700;line-height:1}.selected-tracks>a span:last-child{font-size:11px;font-weight:800;letter-spacing:.09em;text-align:right}.booking-closer{background:#0b0b0d;color:#fff;padding:130px 4% 145px;text-align:center}.booking-closer p{font-size:11px;letter-spacing:.14em;font-weight:800}.booking-closer h2{font-family:var(--display);font-size:clamp(85px,10.8vw,190px);font-weight:800;letter-spacing:-.02em;line-height:.82;margin:45px auto 52px}.booking-closer h2 em{font-size:.87em;color:var(--red)}.book-button{display:inline-flex;padding:19px 27px;border:1px solid #fff;background:#fff;color:var(--black);font-size:11px;font-weight:900;letter-spacing:.1em;transition:all .2s}.book-button:hover{background:var(--red);border-color:var(--red);color:#fff} .site-footer{background:#fff;color:var(--black);padding:75px 4% 24px}.footer-top{display:grid;grid-template-columns:1.1fr .85fr 1.05fr;gap:4%;align-items:start;padding-bottom:105px}.footer-logo{font:900 clamp(86px,10vw,170px)/.72 var(--display);letter-spacing:-.025em}.footer-logo span{color:var(--red)}.footer-intro{font-family:var(--serif);font-size:clamp(30px,4vw,58px);font-style:italic;line-height:1.03}.footer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-navigation>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-navigation a{font-size:13px;font-weight:700}.footer-navigation a:hover{color:var(--red)}.f-label{font-size:10px;letter-spacing:.15em;font-weight:900;color:#777;margin-bottom:9px}.footer-bottom{border-top:1px solid var(--black);padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.13em;font-weight:800} /* Music */ .music-intro{background:#fff;padding:75px 4% 85px;text-align:center;min-height:630px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.music-intro>p{font-size:11px;letter-spacing:.18em;font-weight:900}.music-intro h1{font-family:var(--display);font-size:clamp(130px,16vw,275px);font-weight:900;line-height:.7;letter-spacing:-.025em;margin:68px 0}.music-intro h1 em{font-size:.76em;letter-spacing:-.04em;color:var(--red)}.music-intro-bottom{width:100%;display:flex;justify-content:space-between;align-items:end;gap:40px;text-align:left}.music-intro-bottom span{max-width:310px;font-size:10px;line-height:1.8;font-weight:900;letter-spacing:.13em}.music-intro-bottom p{max-width:385px;font-size:17px;line-height:1.55}.music-feature{background:var(--blue);color:white;padding:90px 8%;display:grid;grid-template-columns:1fr 270px;align-items:end;gap:45px}.music-feature-date{font-size:11px;letter-spacing:.14em;font-weight:900}.music-feature h2{font:800 clamp(80px,9.5vw,175px)/.82 var(--display);margin-top:22px;letter-spacing:-.035em}.music-feature>div:last-child{padding-bottom:12px}.music-feature p{font-size:18px;line-height:1.6;margin-bottom:23px}.discography{padding:110px 4% 145px}.discography-head{display:flex;justify-content:space-between;align-items:end;gap:40px;border-bottom:1px solid var(--black);padding-bottom:36px;margin-bottom:55px}.discography-head h2{font:800 clamp(65px,7.4vw,140px)/.85 var(--display);letter-spacing:-.02em}.discography-head h2 span{color:var(--red)}.filter-bar{display:flex;gap:24px}.filter-bar button{border:0;background:transparent;color:#8a8a8a;padding:10px 0;font-size:12px;font-weight:800;white-space:nowrap}.filter-bar button.filter-active{color:var(--black);border-bottom:3px solid var(--red)}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 28px}.release-item.release-lead{grid-column:span 2}.release-image{aspect-ratio:1;display:block;position:relative;overflow:hidden;background:#ededed}.release-image img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.15,.85,.4,1)}.release-item:hover .release-image img{transform:scale(1.035)}.album-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:800 6vw/.84 var(--display);letter-spacing:-.01em}.color-purple{background:#462587;color:#fff}.color-black{background:#08090c;color:#fff}.color-ocean{background:#007cba;color:#fff}.release-info{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:19px}.release-info h3{font-size:clamp(18px,2vw,28px);font-weight:800;letter-spacing:-.045em;line-height:1.1}.release-info p{font-size:11px;font-weight:800;letter-spacing:.08em;color:#666;margin-top:12px}.release-info a{margin-top:5px}.release-item[hidden]{display:none!important}.listen-closer{background:var(--black);color:#fff;padding:95px 6% 130px;display:flex;align-items:end;justify-content:space-between;gap:60px}.listen-closer span{font-size:11px;letter-spacing:.12em;font-weight:800}.listen-closer h2{font:800 clamp(70px,8vw,150px)/.8 var(--display);margin-top:35px}.listen-closer-actions{display:flex;flex-direction:column;gap:20px;min-width:190px}.platform-link{display:block;border-bottom:1px solid #777;padding:11px 0;font-size:12px;font-weight:800}.platform-link:hover{color:var(--red)} /* About */ .about-intro{padding:80px 4% 85px;text-align:center}.about-intro>p{font-size:11px;letter-spacing:.18em;font-weight:900}.about-intro h1{font:800 clamp(102px,12vw,225px)/.76 var(--display);letter-spacing:-.025em;margin:55px 0 54px}.about-intro h1 span{color:var(--red)}.about-intro h1 em{font-size:.76em;color:var(--red)}.about-intro-desc{display:flex;align-items:start;justify-content:space-between;gap:50px;text-align:left}.about-intro-desc span{font-size:11px;letter-spacing:.13em;font-weight:800}.about-intro-desc p{max-width:420px;font-size:19px;line-height:1.5}.about-spread{padding:0 4%;display:grid;grid-template-columns: 1fr 20%;gap:2%;align-items:end}.about-main-img{position:relative;max-height:760px;overflow:hidden;background:#08111b}.about-main-img img{width:100%;height:100%;max-height:760px;object-fit:cover;object-position:center 42%}.about-main-img figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em}.about-side-caption{display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.about-side-caption p{font:800 4.4vw/.85 var(--display)}.about-side-caption span{font:800 12px/1.4 var(--body);letter-spacing:.09em;color:var(--red)}.about-copy{padding:150px 9%;display:grid;grid-template-columns:1fr 1fr;gap:13%}.about-copy-lead h2{font:800 clamp(82px,8vw,142px)/.78 var(--display)}.about-copy-lead h2 i{font-size:.92em;color:var(--red)}.about-copy-lead>span{display:block;font-size:11px;letter-spacing:.12em;font-weight:900;margin-top:55px}.about-copy-body p{font-size:17px;line-height:1.9;color:#353535;margin:0 0 22px}.about-copy-body p.lead{font-size:26px;line-height:1.5;color:var(--black);font-weight:700;letter-spacing:-.03em;margin-bottom:40px}.about-copy-body .underlined-link{margin-top:20px}.about-quote{background:var(--blue);color:#fff;padding:85px 5% 95px;text-align:center}.about-quote span{font-size:10px;letter-spacing:.16em;font-weight:900}.about-quote blockquote{font:800 clamp(76px,8.5vw,170px)/.85 var(--display);margin:45px auto;max-width:1480px;letter-spacing:-.02em}.about-quote blockquote em{color:#fff;font-size:.87em}.about-journey{background:#fff;padding:145px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.journey-title h2{font:800 clamp(80px,8vw,146px)/.78 var(--display)}.journey-lines>div{display:flex;gap:30px;justify-content:space-between;align-items:start;border-top:1px solid var(--black);padding:23px 0}.journey-lines>div:last-child{border-bottom:1px solid var(--black)}.journey-lines strong{font-size:12px;max-width:230px;letter-spacing:.05em}.journey-lines p{font-size:14px;line-height:1.6;max-width:240px}.about-end{text-align:center;background:var(--red);color:#fff;padding:130px 4% 140px}.about-end p{font-size:11px;font-weight:900;letter-spacing:.13em}.about-end h2{font:800 clamp(100px,12vw,220px)/.78 var(--display);margin:40px 0 55px} /* Booking */ .booking-intro{background:#fff;padding:65px 4% 75px}.booking-intro-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;font-weight:800;letter-spacing:.15em}.booking-intro h1{font:800 clamp(115px,13.5vw,245px)/.76 var(--display);letter-spacing:-.025em;text-align:center;margin:60px 0 44px}.booking-intro h1 em{font-size:.79em;color:var(--red)}.booking-subtitle{font-size:20px;text-align:center;letter-spacing:-.02em}.booking-feature{display:grid;grid-template-columns: 1fr 43%;min-height:760px;background:var(--black);color:#fff}.booking-stage{height:760px;position:relative;overflow:hidden}.booking-stage img{height:100%;width:100%;object-fit:cover;object-position:center 44%}.booking-stage figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:50px 25px 22px;background:linear-gradient(transparent,rgba(0,0,0,.68));font-size:10px;font-weight:900;letter-spacing:.13em}.booking-feature-side{padding:75px 8% 75px 9%;display:flex;flex-direction:column;justify-content:space-between}.booking-feature-side > div > span{font-size:12px;font-weight:800;letter-spacing:.13em}.booking-feature-side h2{font:800 clamp(75px,7vw,140px)/.78 var(--display);margin:60px 0 30px}.booking-feature-side p{font-size:17px;line-height:1.6;max-width:310px;color:#ddd}.booking-feature-side .white-action{align-self:start}.book-contact{padding:150px 7% 155px;display:grid;grid-template-columns:1fr 1fr;gap:11%}.book-contact-title>p{font-size:10px;font-weight:900;letter-spacing:.16em}.book-contact-title h2{font:800 clamp(80px,8vw,150px)/.8 var(--display);margin:45px 0 75px}.book-contact-title h2 i{color:var(--red);font-size:.9em}.rep-block{display:flex;flex-direction:column;align-items:start;gap:9px}.rep-block span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#777}.rep-block strong{font-size:21px}.rep-block a{font-size:17px;border-bottom:1px solid var(--black);padding-bottom:5px}.email-copy{border:0;padding:8px 0;background:none;font-size:12px;font-weight:700;color:var(--red)}.book-contact-form{padding-top:75px}.form-intro{font-size:18px;line-height:1.6;max-width:540px;margin-bottom:44px}.form-intro a{text-decoration:underline;text-underline-offset:4px}.book-contact-form form{display:flex;flex-direction:column;gap:25px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.book-contact-form label{display:flex;flex-direction:column;gap:13px;font-size:11px;font-weight:900;letter-spacing:.035em}.book-contact-form input,.book-contact-form select,.book-contact-form textarea{border:0;border-bottom:1px solid #bfc0c4;background:#fff;border-radius:0;padding:13px 0;font-size:15px;color:var(--black);font-weight:500;letter-spacing:0;min-width:0;outline:none}.book-contact-form input:focus,.book-contact-form select:focus,.book-contact-form textarea:focus{border-color:var(--red);border-bottom-width:2px}.book-contact-form textarea{resize:vertical;min-height:125px}.form-submit{border:0;background:var(--red);color:#fff;align-self:start;padding:20px 25px;margin-top:5px;font-size:11px;font-weight:900;letter-spacing:.08em;transition:background .2s}.form-submit:hover{background:var(--black)}.form-caption,.form-notice{font-size:12px;color:#666;line-height:1.6}.form-notice{color:var(--red);font-weight:800} /* responsive */ @media(min-width:1900px){.cover-masthead{font-size:240px}.cover-photo{max-height:740px}} @media(max-width:1300px){.cover-masthead{font-size:11.6vw}.cover-stage{grid-template-columns:110px 1fr 110px;gap:20px}.cover-photo{min-height:430px}.cover-side-big{font-size:85px}.manifesto-content h2{font-size:10vw}.single-campaign-body{grid-template-columns:1fr .86fr}.single-campaign-copy h2{font-size:11vw}.single-fallback-title{font-size:5.5vw}.booking-feature-side h2{font-size:7vw}} @media(max-width:900px){.site-nav{height:66px}.nav-inner{padding:0 5%}.nav-location{display:none}.nav-links{gap:20px}.cover{padding:0 4% 30px}.cover-masthead{font-size:11.55vw;padding:25px 0}.cover-stage{grid-template-columns:1fr}.cover-photo{min-height:0;aspect-ratio:1.18;max-height:none}.cover-photo img{object-position:center 35%}.cover-side{display:none}.cover-overline span:nth-child(2){display:none}.cover-overline{grid-template-columns:1fr 1fr}.cover-overline span:last-child{text-align:right}.cover-bottom>span{display:none}.cover-bottom{display:block}.cover-bottom p{text-align:center}.manifesto-section{display:block;padding:100px 6%}.side-note{padding:0;margin-bottom:40px}.manifesto-content h2{font-size:clamp(85px,12vw,125px)}.manifesto-text{margin-top:60px}.single-campaign-body{grid-template-columns:1fr 1fr;gap:28px;margin:55px 0}.single-campaign-copy h2{font-size:11vw}.single-desc{font-size:16px}.single-art{box-shadow:12px 12px 0 rgba(0,0,0,.1)}.selected-music{padding:105px 5%}.selected-head h2{font-size:10vw}.about-spread{grid-template-columns:1fr}.about-side-caption{display:none}.about-copy{padding:100px 6%;gap:6%}.about-copy-lead h2{font-size:9vw}.about-journey{padding:100px 6%;gap:5%}.booking-feature{grid-template-columns:1fr 1fr;min-height:600px}.booking-stage{height:650px}.booking-feature-side{padding:65px 6%}.booking-feature-side h2{font-size:8vw}.book-contact{padding:110px 6%;gap:5%}.book-contact-title h2{font-size:8vw}.footer-top{grid-template-columns:1fr 1fr;row-gap:65px}.footer-navigation{grid-column:span 2;max-width:600px}.footer-bottom{flex-wrap:wrap}} @media(max-width:650px){.site-nav{height:64px}.nav-home{font-size:35px}.mobile-toggle{display:block}.nav-links{position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #ddd;display:none;flex-direction:column;align-items:stretch;padding:23px 5% 30px;gap:0;box-shadow:0 15px 25px rgba(0,0,0,.07)}.nav-links.open{display:flex}.nav-links>a{font-size:20px;padding:13px 0}.nav-links .nav-book{margin-top:15px;text-align:center;padding:16px 20px}.cover{padding:0 0 32px}.cover-overline{padding:22px 5% 0;font-size:8px;letter-spacing:.08em}.cover-masthead{font-size:11.65vw;letter-spacing:-.055em;padding:38px 2% 29px;transform:none}.cover-stage{display:block}.cover-photo{aspect-ratio:.8;max-height:650px}.cover-photo img{object-position:center 35%}.cover-photo figcaption{font-size:9px;padding:38px 16px 16px}.cover-bottom{margin-top:24px}.cover-bottom p{font-size:27px}.manifesto-section{padding:105px 5%}.side-note{margin-bottom:35px}.manifesto-content h2{font-size:clamp(76px,15.4vw,106px)}.manifesto-content h2 em{font-size:.8em}.manifesto-text{margin-top:55px;display:block}.manifesto-text p{font-size:18px}.manifesto-text a{margin-top:25px}.single-campaign{padding:20px 5% 22px}.single-top{font-size:8px;letter-spacing:.05em}.single-top span:nth-child(3){display:none}.single-campaign-body{display:flex;flex-direction:column;align-items:stretch;gap:46px;margin:60px 0 40px}.single-campaign-copy>p:first-child{font-size:10px}.single-campaign-copy h2{font-size:clamp(77px,18.4vw,116px)}.single-desc{font-size:16px}.single-buttons{gap:17px;margin-top:28px}.white-action{min-height:50px;padding:0 21px}.single-art{width:min(100%,480px);align-self:center}.single-fallback-title{font-size:15vw}.selected-music{padding:100px 5% 112px}.selected-head{display:block;margin-bottom:50px}.selected-head h2{font-size:clamp(85px,16vw,120px)}.selected-head>div{margin-top:30px}.selected-tracks>a{min-height:100px;grid-template-columns:1fr 90px}.selected-tracks>a span:first-child{font-size:clamp(32px,7.8vw,52px)}.selected-tracks>a span:last-child{font-size:9px}.booking-closer{padding:105px 5% 115px}.booking-closer h2{font-size:clamp(80px,15vw,115px);margin:40px 0 48px}.site-footer{padding:65px 5% 23px}.footer-top{grid-template-columns:1fr;gap:40px;padding-bottom:85px}.footer-logo{font-size:80px}.footer-intro{font-size:40px}.footer-navigation{grid-column:auto}.footer-bottom{font-size:9px;line-height:1.7}.footer-bottom span:nth-child(2){display:none} .music-intro{padding:65px 5% 60px;min-height:560px}.music-intro h1{font-size:clamp(100px,20vw,150px);line-height:.75;margin:55px 0}.music-intro h1 em{font-size:.73em}.music-intro-bottom{display:block}.music-intro-bottom p{font-size:16px;margin-top:20px}.music-feature{padding:85px 5%;grid-template-columns:minmax(0,1fr);gap:25px}.music-feature h2{font-size:clamp(72px,15vw,115px);overflow-wrap:normal}.music-feature>div:last-child{padding:0}.discography{padding:85px 5% 120px}.discography-head{display:block}.discography-head h2{font-size:clamp(46px,11vw,75px);letter-spacing:-.037em}.filter-bar{margin-top:25px}.filter-bar button{font-size:12px}.release-grid{grid-template-columns:1fr;gap:56px}.release-item.release-lead{grid-column:span 1}.album-placeholder{font-size:15vw}.release-info h3{font-size:22px}.listen-closer{padding:90px 5%;display:block}.listen-closer h2{font-size:clamp(74px,13vw,105px)}.listen-closer-actions{margin-top:55px;max-width:350px}.about-intro{padding:75px 5% 55px}.about-intro h1{font-size:clamp(78px,15vw,125px);margin:48px 0}.about-intro h1 em{font-size:.71em}.about-intro-desc{display:block}.about-intro-desc span{font-size:10px}.about-intro-desc p{font-size:17px;margin-top:20px}.about-spread{padding:0}.about-main-img{max-height:600px}.about-main-img img{max-height:600px;aspect-ratio:1.03;object-fit:cover}.about-copy{padding:95px 5%;display:block}.about-copy-lead h2{font-size:clamp(90px,15vw,120px)}.about-copy-lead>span{margin-top:30px}.about-copy-body{margin-top:50px}.about-copy-body p.lead{font-size:23px}.about-copy-body p{font-size:16px}.about-quote{padding:80px 5%}.about-quote blockquote{font-size:clamp(70px,12vw,120px)}.about-journey{padding:95px 5%;display:block}.journey-title h2{font-size:clamp(67px,12vw,105px);margin-bottom:65px}.journey-lines>div{gap:12px}.journey-lines strong{font-size:10px;max-width:130px}.journey-lines p{font-size:13px;max-width:180px}.about-end{padding:100px 5%}.about-end h2{font-size:clamp(90px,15vw,135px)}.booking-intro{padding:65px 5%}.booking-intro-top{font-size:9px;line-height:1.5}.booking-intro-top span{display:none}.booking-intro h1{font-size:clamp(84px,17vw,140px);margin:80px 0 40px}.booking-subtitle{font-size:17px}.booking-feature{display:flex;flex-direction:column}.booking-stage{height:auto;aspect-ratio:.86}.booking-stage img{object-position:center 55%}.booking-feature-side{padding:70px 6% 75px}.booking-feature-side h2{font-size:clamp(92px,17vw,145px);margin:40px 0}.booking-feature-side .white-action{margin-top:45px}.book-contact{display:block;padding:95px 5% 120px}.book-contact-title h2{font-size:clamp(74px,12vw,110px);margin:40px 0 50px}.book-contact-form{padding-top:75px}.form-two{grid-template-columns:1fr;gap:25px}.form-intro{font-size:16px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* V4 / PALETTE AUDIT — ALL NEUTRAL PAGE SURFACES ARE TRUE #FFFFFF. There are no beige, ivory, paper, translucent-white, or warm off-white fills. */ :root{--white:#FFFFFF;--line:#E4E4E4;--red:#EA1237;--blue:#1449F3;--black:#090909} html,body,.site-nav,.cover,.manifesto-section,.selected-music,.site-footer,.music-intro,.discography,.about-intro,.about-copy,.about-journey,.booking-intro,.book-contact{background-color:#FFFFFF!important} body{color:#090909} .nav-links>a{font-size:13px;letter-spacing:.012em}.nav-links{gap:clamp(18px,2.5vw,44px)}.nav-location{font-size:11px;letter-spacing:.08em}.nav-links .nav-book{padding:15px 25px} .cover{padding-bottom:54px}.cover-photo{max-height:675px}.cover-masthead{letter-spacing:-.065em;font-weight:900}.cover-overline{letter-spacing:.07em;font-size:10px}.manifesto-content h2{letter-spacing:-.04em}.manifesto-text p{font-size:clamp(20px,1.55vw,25px)}.single-campaign{background:#EA1237}.single-art-v4{box-shadow:22px 22px 0 rgba(0,0,0,.08)}.single-art-v4 .artwork-frame{width:100%;height:100%}.single-art-v4 .artwork-frame img{position:absolute;inset:0;width:100%;height:100%;z-index:1}.single-art-v4 .artwork-fallback{background:#0D1755} .site-nav{position:relative}.site-nav,.site-footer{border-color:#e6e6e6} /* Artwork is always truthful: an abstract typography fallback never poses as official cover art. */ .artwork-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#111827;isolation:isolate} .artwork-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:transform .75s cubic-bezier(.2,.8,.2,1);display:block} .artwork-frame>img[hidden]{display:none!important}.artwork-frame.loaded>img{display:block} .artwork-frame.loaded .artwork-fallback{opacity:0} .artwork-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:7%;color:white;background:#071230;z-index:0;overflow:hidden;text-align:left} .artwork-fallback:before{content:'';position:absolute;inset:6%;border:1px solid rgba(255,255,255,.26);pointer-events:none} .artwork-fallback strong{font:800 clamp(27px,4vw,72px)/.87 var(--display);letter-spacing:-.015em;position:relative;overflow-wrap:anywhere;text-transform:uppercase;max-width:90%} .artwork-artist,.artwork-edition{font-size:clamp(9px,.7vw,12px);font-weight:800;letter-spacing:.12em;position:relative;z-index:1} .art-color-padre,.art-color-santo{background:#111A51}.art-color-otro,.art-color-nimporte,.art-color-move{background:#164BEB}.art-color-acoustic,.art-color-enhorabuena,.art-color-summer{background:#E31336}.art-color-baby,.art-color-riverii,.art-color-sonrio{background:#3521A3}.art-color-preview,.art-color-jibarito,.art-color-nos{background:#101010}.art-color-river,.art-color-llegando,.art-color-conmigo{background:#026FC7}.art-color-donde{background:#EA1237}.art-color-ya,.art-color-high{background:#C71C43} .drops-section,.projects-section,.eps-section{background:#FFFFFF!important;color:#090909} .drops-section{padding:clamp(100px,10vw,170px) 5% clamp(94px,9vw,160px);max-width:1880px;margin:auto} .drops-head{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px;align-items:end;margin-bottom:64px} .drops-head-text h2{font:900 clamp(100px,12vw,215px)/.79 var(--display);letter-spacing:-.04em;white-space:nowrap} .drops-head-text em,.projects-title em,.eps-top em,.discography-head em{font-size:.85em;color:var(--red)} .drops-head-aside p{font-size:clamp(17px,1.4vw,22px);line-height:1.45;font-weight:500;margin-bottom:27px;letter-spacing:-.02em} .accent-rule{display:block;width:62px;height:6px;background:var(--red);margin-bottom:30px} .drops-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 20px;align-items:start} .drop-card{grid-column:span 2;min-width:0}.drop-card:first-child{grid-column:span 3}.drop-card:nth-child(2){grid-column:span 3} .drop-media{display:block;overflow:hidden;background:#090909} .drop-media:hover .artwork-frame>img,.project-image:hover .artwork-frame>img,.release-image:hover .artwork-frame>img{transform:scale(1.06)} .drop-caption{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-top:17px;border-top:1px solid #090909;margin-top:17px} .drop-caption h3{font:800 clamp(22px,2vw,34px)/1.05 var(--display);letter-spacing:-.01em}.drop-caption p{color:#646464;font-size:11px;letter-spacing:.03em;margin-top:10px;font-weight:700} .drop-listen{font-size:12px;font-weight:800;flex-shrink:0;border-bottom:1px solid #090909;padding-bottom:4px}.drop-listen:hover{color:var(--red);border-color:var(--red)} .drops-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:36px;margin-top:40px;border-top:1px solid #D6D6D6;font-size:11px;letter-spacing:.04em;font-weight:800}.drops-footer a{text-decoration:underline;text-underline-offset:5px} .projects-section{padding:clamp(80px,7vw,130px) 5% clamp(95px,8vw,150px);border-top:1px solid #DCDCDC;max-width:1880px;margin:auto} .projects-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.projects-title h2{font:900 clamp(85px,10vw,180px)/.83 var(--display);letter-spacing:-.04em}.projects-title p{font-size:19px;line-height:1.4;margin-top:26px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5%} .project-card{min-width:0}.project-image{display:block;overflow:hidden}.project-info{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:19px;border-top:1px solid #101010;padding-top:18px}.project-info h3{font:800 clamp(25px,2.4vw,42px)/.98 var(--display)}.project-info span{font-size:10px;white-space:nowrap;letter-spacing:.06em;color:#555;font-weight:800} .eps-section{padding:clamp(85px,8vw,150px) 5% clamp(105px,10vw,170px);border-top:1px solid #ddd;max-width:1880px;margin:auto} .eps-top{display:grid;grid-template-columns:1fr 250px;align-items:end;gap:40px;margin-bottom:66px}.eps-top h2{font:900 clamp(80px,9vw,165px)/.8 var(--display);letter-spacing:-.038em}.eps-top>div p{font-size:19px;line-height:1.5;margin-bottom:24px} .eps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5%} .booking-closer{padding-top:145px;padding-bottom:160px} /* music release gallery */ .discography{padding:clamp(90px,7vw,150px) 5% 165px!important}.discography-head{align-items:end;margin-bottom:52px}.discography-head h2{font-size:clamp(83px,9.4vw,175px);line-height:.81;letter-spacing:-.045em}.catalog-intro{font-size:11px;font-weight:800;letter-spacing:.09em;margin-bottom:32px}.filter-bar{gap:8px;flex-wrap:wrap;display:flex}.filter-bar button{font-size:12px;padding:12px 15px;white-space:nowrap}.catalog-context{display:flex;justify-content:space-between;border-top:1px solid #090909;padding:18px 0 30px;color:#666;font-size:10px;font-weight:800;letter-spacing:.07em;gap:20px}.release-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:55px 22px}.release-item.release-lead{grid-column:auto}.release-image{background:#08080A}.release-image .artwork-frame{height:100%}.release-info{margin-top:14px;gap:10px}.release-info h3{font-size:clamp(23px,2.2vw,36px);line-height:.96}.release-info p{font-size:10px}.release-info .underlined-link{font-size:11px}.catalog-note{margin-top:70px;border-top:1px solid #DADADA;padding-top:25px;font-size:14px;color:#5B5B5B}.catalog-note a{color:#090909;text-decoration:underline;text-underline-offset:5px} /* Micro-interaction and accessibility */ @media (prefers-reduced-motion:no-preference){.drop-card,.project-card{transition:transform .28s cubic-bezier(.2,.75,.3,1)}.drop-card:hover,.project-card:hover{transform:translateY(-4px)}} @media(max-width:1100px){.drops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.drop-card,.drop-card:first-child,.drop-card:nth-child(2){grid-column:span 1}.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.drops-head-text h2{font-size:12vw}} @media(max-width:800px){.drops-head{grid-template-columns:1fr;gap:24px}.drops-head-aside{max-width:500px}.projects-title{align-items:start}.eps-top{grid-template-columns:1fr;gap:34px}.eps-top>div{max-width:500px}.project-info{display:block}.project-info span{display:block;margin-top:8px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-context span:last-child{display:none}.discography-head{display:block}.filter-bar{margin-top:30px}} @media(max-width:650px){.cover-masthead{letter-spacing:-.075em}.cover-photo{min-height:0}.drops-section{padding:90px 5% 100px}.drops-head{margin-bottom:40px}.drops-head-text h2{font-size:18vw;white-space:normal}.drops-head-aside p{font-size:18px}.drops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.drop-caption{display:block;padding-top:11px;margin-top:11px}.drop-caption h3{font-size:22px;line-height:1}.drop-caption p{font-size:9px;margin-top:6px}.drop-listen{display:inline-block;margin-top:12px;font-size:11px}.drops-footer{display:block;line-height:2}.drops-footer a{display:block;margin-top:10px}.artwork-fallback strong{font-size:clamp(23px,7vw,45px)}.artwork-artist,.artwork-edition{font-size:8px;letter-spacing:.04em}.projects-section,.eps-section{padding:90px 5% 105px}.projects-title{display:block;margin-bottom:42px}.projects-title h2{font-size:17vw}.projects-title p{font-size:17px;margin-top:17px;margin-bottom:22px}.projects-grid,.eps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 13px}.project-info h3{font-size:24px}.project-info span{font-size:10px}.eps-top{margin-bottom:42px}.eps-top h2{font-size:15vw}.eps-top>div p{font-size:17px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 12px}.discography{padding:80px 5% 120px!important}.discography-head h2{font-size:16vw}.filter-bar button{padding:11px 10px;font-size:11px}.catalog-context{font-size:9px}.release-info{display:block;margin-top:12px}.release-info h3{font-size:23px}.release-info .underlined-link{display:inline-block;margin-top:12px}.single-art-v4 .artwork-fallback strong{font-size:13vw}.single-campaign-body{gap:38px}.single-campaign-copy h2{font-size:clamp(72px,18vw,110px)}} @media(max-width:375px){.drop-caption h3,.project-info h3,.release-info h3{font-size:20px}.cover-masthead{font-size:11.2vw}.single-campaign-copy h2{font-size:17vw}} .artwork-frame:not(.loaded)>img{visibility:hidden} .artwork-frame.loaded>img{visibility:visible} /* V5 — EDITORIAL POLISH / BRIGHT WHITE / SOFT GEOMETRY */ :root{--paper:#FFFFFF;--white:#FFFFFF;--ink:#0A0A0A;--red:#EC1039;--blue:#1455F4;--radius:22px;--radius-sm:15px} html,body{background:#FFFFFF!important;color:#0A0A0A} .site-nav{background:#FFFFFF!important;border-bottom:1px solid #ECECEC;z-index:30} .site-nav .nav-inner{max-width:1820px} .nav-links .nav-book,.white-action,.form-submit,.magazine-pill{border-radius:999px!important} .nav-links .nav-book{padding:14px 26px} .nav-links a[aria-current="page"]{text-decoration:none;color:var(--red)} .nav-links a[aria-current="page"]::after{content:"";display:block;height:2px;width:100%;background:var(--red);margin-top:4px} .cover,.manifesto-section,.drops-section,.projects-section,.eps-section,.music-intro,.about-intro,.booking-intro,.discography,.about-copy,.about-journey,.book-contact,.site-footer{background-color:#FFFFFF!important} .cover-photo,.about-main-img,.booking-stage,.artwork-frame,.release-image,.drop-media,.project-image,.single-art,.music-hero-art{border-radius:var(--radius)!important;overflow:hidden} .cover-photo{box-shadow:0 35px 80px rgba(0,0,0,.095)} .cover-photo img{transition:transform 1s cubic-bezier(.23,.85,.32,1)} @media (hover:hover){.cover-photo:hover img{transform:scale(1.025)}} .cover-masthead{letter-spacing:-.068em} .cover-side-big{color:var(--red)} .cover-bottom p{font-size:clamp(28px,2.9vw,42px)} .cover-stage{gap:clamp(18px,3.5vw,60px)} .manifesto-section{padding-top:clamp(95px,11vw,185px);padding-bottom:clamp(105px,11vw,185px)} .manifesto-content h2{line-height:.89} .manifesto-text p{max-width:500px} .single-campaign{background:var(--red)!important;border-radius:30px!important;overflow:hidden;margin:0 clamp(16px,3vw,60px);box-shadow:0 25px 60px rgba(235,17,55,.11)} .single-art{box-shadow:0 26px 70px rgba(0,0,0,.20)!important;transform:rotate(2deg)} .single-art .artwork-frame{border-radius:16px!important} .single-buttons a,.listen-closer .white-action{border-radius:999px!important} .drop-media .artwork-frame,.project-image .artwork-frame,.release-image .artwork-frame{border-radius:var(--radius)!important} .drop-caption,.project-info,.release-info{border-top-color:#E2E2E2!important} .drop-card,.project-card,.release-item{min-width:0} .drop-card .drop-media,.project-card .project-image,.release-item .release-image{box-shadow:0 16px 40px rgba(12,17,25,.065)} .drop-card:first-child .artwork-frame,.drop-card:nth-child(2) .artwork-frame{border-radius:26px!important} .drop-caption{border:0!important;padding-top:4px!important;margin-top:17px!important} .project-info{border:0!important;padding-top:5px!important;margin-top:16px!important} .release-info{border:0!important;padding-top:5px!important;margin-top:15px!important} .drop-caption h3,.project-info h3,.release-info h3{letter-spacing:-.025em} .drop-listen,.release-info .underlined-link{border:0!important;text-decoration:underline;text-underline-offset:4px} .projects-grid,.eps-grid{column-gap:25px} .drops-grid{column-gap:23px} .filter-bar button{border-radius:999px!important;border:1px solid #DCDCDC;background:#FFFFFF;transition:background .2s,color .2s} .filter-bar button.filter-active,.filter-bar button:hover{background:#101010;color:#FFFFFF;border-color:#101010} .music-intro.magazine-hero,.about-intro.magazine-hero,.booking-intro.magazine-hero{background:#FFFFFF!important} /* Consistent subpage mastheads, each with a different visual payoff. */ .magazine-hero{position:relative;overflow:hidden} .music-intro.magazine-hero{text-align:center;padding:95px 5% 85px;max-width:1850px;margin:auto} .music-intro.magazine-hero h1{font-size:clamp(115px,14vw,250px);letter-spacing:-.065em;line-height:.76;margin:58px 0 56px} .music-intro.magazine-hero h1 em{font-size:.72em;letter-spacing:-.04em} .music-intro.magazine-hero .music-intro-bottom{text-align:left;max-width:1230px;margin:auto} .music-hero-edition{margin:85px auto 0;max-width:1280px;display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:18px;align-items:center} .music-hero-art{aspect-ratio:1.12;position:relative;background:#101827;box-shadow:0 20px 50px rgba(0,0,0,.12)} .music-hero-art-b{transform:translateY(-18px)} .music-hero-art-c{transform:translateY(12px)} .music-hero-art img{width:100%;height:100%;object-fit:cover;display:block} .music-hero-art span{position:absolute;bottom:14px;left:14px;background:#FFF;color:#111;font-size:10px;font-weight:800;letter-spacing:.09em;padding:9px 12px;border-radius:999px} .magazine-hero-foot{display:flex;gap:25px;justify-content:space-between;align-items:center;margin:40px auto 0;max-width:1280px} .magazine-hero-foot>span{font-size:11px;letter-spacing:.08em;font-weight:800} .magazine-pill{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:13px 29px;background:#0A0A0A;color:#FFF!important;font-weight:800;font-size:13px;text-decoration:none;transition:background .18s,transform .18s} .magazine-pill:hover{background:var(--red);transform:translateY(-2px)} .music-feature{border-radius:28px!important;margin:0 clamp(16px,3vw,60px);overflow:hidden} .music-feature h2{letter-spacing:-.045em} .about-intro.magazine-hero{padding:96px 5% 45px;text-align:center;max-width:1700px;margin:auto} .about-intro.magazine-hero h1{letter-spacing:-.057em;font-size:clamp(96px,11.65vw,216px);margin:68px 0 68px} .about-intro.magazine-hero .about-intro-desc{max-width:1180px;margin:auto;text-align:left} .editorial-chapter-bar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;margin:65px auto 0;max-width:1600px;padding:17px 0;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;font-size:11px;letter-spacing:.1em;font-weight:800} .editorial-chapter-bar span:nth-child(2){text-align:center}.editorial-chapter-bar span:last-child{text-align:right} .about-spread.editorial-frame{padding:0 clamp(16px,3vw,60px)!important;display:block;max-width:1850px;margin:auto} .about-main-img{max-height:850px;position:relative;width:100%} .about-main-img img{width:100%;height:100%;object-fit:cover} .about-main-img figcaption{border-radius:999px;background:rgba(255,255,255,.93);color:#111;padding:12px 22px;position:absolute;bottom:22px;left:22px} .about-side-caption{display:none!important} .booking-intro.magazine-hero{padding:100px 5% 40px;max-width:1780px;margin:auto} .booking-intro.magazine-hero h1{letter-spacing:-.058em;margin:75px auto 40px;font-size:clamp(110px,13vw,220px)} .booking-intro .booking-subtitle{font-size:clamp(20px,2vw,28px);max-width:630px;margin:auto;line-height:1.36;text-align:center} .booking-intro .editorial-chapter-bar{margin-top:80px} .booking-feature.editorial-frame{margin:0 clamp(16px,3vw,60px);border-radius:28px!important;overflow:hidden} .booking-stage img{object-fit:cover} .booking-feature-side .white-action{border-radius:999px!important} .book-contact-form input,.book-contact-form select,.book-contact-form textarea{border-radius:11px!important;background:#FFFFFF!important;border:1px solid #DCDCDC!important;padding:17px 18px!important;transition:border-color .2s,box-shadow .2s} .book-contact-form textarea{min-height:150px} .book-contact-form input:focus,.book-contact-form select:focus,.book-contact-form textarea:focus{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(236,16,57,.1)} .book-contact-form label{gap:11px} .book-contact-form .form-submit{border-radius:999px!important;min-height:58px} .site-footer{border-top:1px solid #ECECEC!important} /* Before verification, the designed artwork fallback is visible; no empty/blinking tiles. */ .artwork-frame:not(.loaded)>img{opacity:0;visibility:hidden} .artwork-frame.loaded>img{opacity:1;visibility:visible} .artwork-frame .artwork-fallback{opacity:1} .artwork-frame.loaded .artwork-fallback{opacity:0} .artwork-frame.loaded:hover img{transform:scale(1.045)} @media (max-width:1000px){ .music-intro.magazine-hero h1{font-size:14vw} .about-intro.magazine-hero h1{font-size:12vw} .booking-intro.magazine-hero h1{font-size:13vw} .music-hero-edition{margin-top:62px} } @media (max-width:700px){ .cover-photo{border-radius:18px!important} .cover-stage{margin:0 14px} .single-campaign{margin:0 13px;border-radius:22px!important} .single-campaign .artwork-frame{border-radius:17px!important} .music-feature{margin:0 13px;border-radius:20px!important} .music-intro.magazine-hero{padding:75px 5% 60px;min-height:0} .music-intro.magazine-hero h1{font-size:16.5vw;margin:55px 0 48px;line-height:.83} .music-hero-edition{gap:9px;margin-top:55px} .music-hero-art{border-radius:12px!important;aspect-ratio:.8} .music-hero-art span{font-size:8px;padding:6px 8px;bottom:8px;left:8px} .music-hero-art-b{transform:translateY(-8px)} .music-hero-art-c{transform:translateY(5px)} .magazine-hero-foot{display:flex;justify-content:center;margin-top:27px} .magazine-hero-foot>span{display:none} .magazine-pill{font-size:12px;padding:12px 22px} .about-intro.magazine-hero{padding:76px 5% 30px} .about-intro.magazine-hero h1{font-size:15.2vw;line-height:.86;margin:53px 0} .about-intro.magazine-hero .about-intro-desc{max-width:480px} .editorial-chapter-bar{margin-top:42px;grid-template-columns:1fr 1fr;font-size:9px} .editorial-chapter-bar span:nth-child(2){display:none} .booking-intro.magazine-hero{padding:80px 5% 30px} .booking-intro.magazine-hero h1{font-size:17vw;margin:65px 0 39px;line-height:.83} .booking-intro .editorial-chapter-bar{margin-top:47px} .booking-intro .booking-subtitle{font-size:19px} .booking-feature.editorial-frame{margin:0 13px;border-radius:20px!important} .about-spread.editorial-frame{padding:0 13px!important} .about-main-img{border-radius:20px!important} .about-main-img figcaption{font-size:9px;max-width:85%;bottom:13px;left:13px;padding:10px 14px} .drop-media .artwork-frame,.project-image .artwork-frame,.release-image .artwork-frame{border-radius:15px!important} .drops-grid,.projects-grid,.eps-grid,.release-grid{column-gap:12px!important} .single-art{transform:none} .book-contact-form input,.book-contact-form select,.book-contact-form textarea{padding:14px!important} } @media (prefers-reduced-motion:reduce){.cover-photo img,.artwork-frame img{transition:none!important}} .music-hero-art.artwork-frame>img{position:absolute;inset:0;object-fit:cover;z-index:2} .music-hero-art.artwork-frame>span{z-index:3} .music-hero-art.artwork-frame .artwork-fallback{z-index:0} .music-hero-art.artwork-frame .artwork-fallback strong{font-size:clamp(28px,4vw,65px)} /* V5.1 — DISPLAY TYPOGRAPHY / OPEN EDITORIAL TRACKING V5's aggressive negative letter-spacing brought letters too close together. Deliberately open display tracking without changing the art direction. */ :root { --tracking-hero: .016em; --tracking-headline: .010em; --tracking-release: .012em; } /* The homepage wordmark should remain bold and prominent, not compressed. */ .cover-masthead { font-size: clamp(81px, 11.02vw, 233px); letter-spacing: .009em; line-height: .91; transform: none; } .nav-home {letter-spacing: .014em;} .footer-logo {letter-spacing: .012em;line-height: .84;} /* Primary page heroes: open kerning and comfortable vertical rhythm. */ .music-intro.magazine-hero h1, .about-intro.magazine-hero h1, .booking-intro.magazine-hero h1 { letter-spacing: var(--tracking-hero); line-height: .93; } .music-intro.magazine-hero h1 em, .about-intro.magazine-hero h1 em, .booking-intro.magazine-hero h1 em { letter-spacing: .018em; line-height: 1; } /* Editorial spreads and oversized campaign headlines. */ .manifesto-content h2, .single-campaign-copy h2, .selected-head h2, .drops-head-text h2, .projects-title h2, .eps-top h2, .booking-closer h2, .music-feature h2, .discography-head h2, .listen-closer h2, .about-copy-lead h2, .journey-title h2, .about-end h2, .booking-feature-side h2, .book-contact-title h2 { letter-spacing: var(--tracking-headline); line-height: .95; } .manifesto-content h2 em, .projects-title h2 em, .eps-top h2 em, .discography-head h2 em, .booking-closer h2 em, .about-copy-lead h2 i, .book-contact-title h2 i {letter-spacing: .012em;} /* Track names and release captions: no letters overlapping visually. */ .drop-caption h3, .project-info h3, .release-info h3 { letter-spacing: var(--tracking-release); line-height: 1.12; overflow-wrap: break-word; } .selected-tracks>a span:first-child {letter-spacing: .009em;line-height: 1.08;} .artwork-fallback strong,.single-fallback-title {letter-spacing: .006em;line-height: .98;} /* Retune the largest one-line compositions to retain their comfortable fit. */ .drops-head-text h2 {font-size: clamp(91px, 11.2vw, 195px);} .projects-title h2 {font-size: clamp(80px, 9.6vw, 170px);} .discography-head h2 {font-size: clamp(76px, 9vw, 162px);} .music-intro.magazine-hero h1 {font-size: clamp(105px, 13vw, 230px);} .about-intro.magazine-hero h1 {font-size: clamp(88px, 11vw, 205px);} .booking-intro.magazine-hero h1 {font-size: clamp(101px, 12.35vw, 210px);} @media (max-width: 1000px) { .cover-masthead {font-size: 10.8vw;} .music-intro.magazine-hero h1 {font-size: 13.3vw;} .about-intro.magazine-hero h1 {font-size: 11.3vw;} .booking-intro.magazine-hero h1 {font-size: 12.3vw;} .drops-head-text h2 {font-size: 11.5vw;} } @media (max-width: 700px) { .cover-masthead {font-size: 10.6vw;letter-spacing: .008em;line-height: .95;} .music-intro.magazine-hero h1 {font-size: 15.4vw;line-height: .99;} .about-intro.magazine-hero h1 {font-size: 14vw;line-height: 1;} .booking-intro.magazine-hero h1 {font-size: 16.2vw;line-height: .99;} .drops-head-text h2 {font-size: 17.1vw;} .projects-title h2 {font-size: 16.2vw;} .eps-top h2 {font-size: 14.4vw;} .discography-head h2 {font-size: 14.6vw;} .single-campaign-copy h2 {font-size: 16.4vw;} .manifesto-content h2 {line-height: .98;} .booking-closer h2 {line-height: .99;} .booking-feature-side h2 {line-height: .97;} } @media (max-width: 375px) { .cover-masthead {font-size: 10.4vw;} .about-intro.magazine-hero h1 {font-size: 13.3vw;} .music-intro.magazine-hero h1 {font-size: 14.8vw;} .booking-intro.magazine-hero h1 {font-size: 15.5vw;} } /* assets/motion.css */ /* Kenny Rivers — Motion Edition V5.2 React Bits-inspired interaction grammar, implemented in small native CSS/JS so the production and file:// previews require no React/build/network. Progressive enhancement only: no-js and reduced-motion retain full content. */ :root { --motion-ease: cubic-bezier(.22,1,.36,1); --motion-fast: cubic-bezier(.2,.8,.2,1); } html { scroll-behavior:smooth; } body, main, .site-nav, .cover, .music-intro, .about-intro, .booking-intro { background-color:#FFFFFF; } .reading-progress { position:fixed;left:0;top:0;width:100%;height:3px;z-index:250;background:var(--red);transform:scaleX(0);transform-origin:0 50%;pointer-events:none;will-change:transform; } .site-nav { transition:box-shadow .5s var(--motion-ease); } body.scrolled .site-nav { box-shadow:0 9px 32px rgba(10,10,12,.045); } /* Split Text: reveal by whole words to protect display type tracking and line breaks. */ .motion-word { display:inline-block;vertical-align:baseline;overflow:hidden;padding-bottom:.11em;margin-bottom:-.11em; } .motion-word-inner {display:inline-block;white-space:nowrap;} /* Critical: original CSS colors author-supplied accents red. Word spans added for animation must inherit their *real text* color, not accidentally turn an entire headline into the accent color. */ [data-motion-title] > .motion-word, [data-motion-title] > .motion-word > .motion-word-inner { color:inherit; } html.motion-enabled [data-motion-title].motion-prepared .motion-word-inner { transform:translate3d(0,112%,0); opacity:0; filter:blur(3px); } html.motion-enabled [data-motion-title].motion-prepared.motion-visible .motion-word-inner { transform:translate3d(0,0,0); opacity:1; filter:blur(0); } html.motion-enabled .motion-prepared .motion-word-inner { transition:transform .94s var(--motion-ease), opacity .75s ease,filter .84s ease;transition-delay:calc(var(--word-order,0) * 72ms + 90ms); } /* Avoid clipping italic ascenders/descenders, and preserve deliberate open tracking. */ [data-motion-title] em .motion-word,[data-motion-title] i .motion-word {padding-left:.05em;padding-right:.045em;margin-left:-.03em;margin-right:-.025em;} .cover-masthead .motion-word {overflow:visible; padding:0;margin:0;} .cover-masthead .motion-word-inner {transition-duration:1.2s!important;} /* Animated Content: very gentle slide/fade with consistent editorial timing. */ html.motion-enabled [data-motion-reveal].motion-prepared {opacity:0; transform:translate3d(0,31px,0); filter:blur(3px);} html.motion-enabled [data-motion-reveal].motion-prepared.motion-visible {opacity:1; transform:translate3d(0,0,0);filter:blur(0);} html.motion-enabled [data-motion-reveal].motion-prepared {transition:transform 1s var(--motion-ease),opacity .78s ease,filter .8s ease;transition-delay:var(--reveal-delay,0ms);} /* The hero image is the visual punch, with a soft opening curtain and a tiny settle. */ html.motion-enabled [data-motion-photo].motion-prepared {clip-path:inset(0 0 100% 0 round 25px);opacity:.92;transform:scale(.973)} html.motion-enabled [data-motion-photo].motion-prepared.motion-visible {clip-path:inset(0 0 0 0 round 25px);opacity:1;transform:scale(1)} html.motion-enabled [data-motion-photo].motion-prepared {transition:clip-path 1.25s var(--motion-ease),transform 1.5s var(--motion-ease),opacity 1s ease;} [data-motion-photo] {isolation:isolate;} [data-motion-parallax] {--photo-y:0px;} html.motion-enabled [data-motion-parallax] {transform:translate3d(0,var(--photo-y,0px),0) scale(1.085);will-change:transform;} /* The calm expansion of frames suggests a photographic magazine spread. */ .cover-photo,.about-main-img,.booking-stage {backface-visibility:hidden;} .cover-photo figcaption,.about-main-img figcaption,.booking-stage figcaption {z-index:2;} /* Slow kinetic type — like a magazine's moving folio, never a neon banner. */ .editorial-ticker {overflow:hidden;background:#FFF;color:#0a0a0c;border-top:1px solid #e9e9ed;border-bottom:1px solid #e9e9ed;padding:17px 0;position:relative;} .ticker-track {display:flex;width:max-content;animation:kr-ticker 38s linear infinite;will-change:transform;} .ticker-unit {display:flex;gap:clamp(25px,4vw,70px);padding-right:clamp(25px,4vw,70px);align-items:center;white-space:nowrap;flex:none;font-family:var(--display);font-size:clamp(29px,4vw,65px);line-height:1.16;font-weight:800;letter-spacing:.035em;} .ticker-unit em {font:italic clamp(30px,3.55vw,58px)/1.1 var(--serif);letter-spacing:.012em;} .ticker-unit i {font:normal 25px/1 var(--body);color:var(--red);} @keyframes kr-ticker {to {transform:translate3d(-50%,0,0)}} .editorial-ticker:hover .ticker-track {animation-play-state:paused;} /* Premium hover: tiny elevation, very restrained photographic sheen. */ @media (hover:hover) and (pointer:fine) { [data-motion-sheen] {position:relative;isolation:isolate;transition:transform .7s var(--motion-ease),box-shadow .7s var(--motion-ease);} [data-motion-sheen]::after {content:'';position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,transparent 37%,rgba(255,255,255,.16) 50%,transparent 64%);opacity:0;transform:translateX(-85%);transition:transform .95s var(--motion-ease),opacity .75s ease;mix-blend-mode:screen;} [data-motion-sheen]:hover::after,[data-motion-sheen]:focus-visible::after {opacity:1;transform:translateX(85%);} [data-motion-sheen]:hover {box-shadow:0 20px 40px rgba(0,0,0,.09);} .drop-card:hover .drop-media,.project-card:hover .project-image,.release-item:hover .release-image {transform:translateY(-5px);} [data-motion-link] {transition:color .25s ease;} [data-motion-link]:hover {color:var(--red);} [data-motion-magnet] {--mx:0px;--my:0px;transform:translate3d(var(--mx),var(--my),0);transition:transform .38s var(--motion-ease),background-color .25s ease,color .25s ease,box-shadow .35s ease;will-change:transform;} [data-motion-magnet]:hover {box-shadow:0 15px 30px rgba(10,10,12,.12);} } /* Revealed cards should not jump if the hover uses a different transform. */ html.motion-enabled [data-motion-reveal].motion-prepared.motion-visible.drop-card:hover, html.motion-enabled [data-motion-reveal].motion-prepared.motion-visible.project-card:hover {transform:translate3d(0,0,0);} /* Ambient light in color fields: not a cream/paper tint on white sections. */ .single-campaign {isolation:isolate;position:relative;} .single-campaign::before {content:'';pointer-events:none;position:absolute;inset:-30%;z-index:0;background:radial-gradient(ellipse at 75% 35%,rgba(255,255,255,.135),transparent 42%),radial-gradient(ellipse at 25% 75%,rgba(20,68,235,.15),transparent 48%);animation:kr-ambient 19s ease-in-out infinite alternate;} .single-campaign > * {position:relative;z-index:1;} @keyframes kr-ambient {0%{transform:translate3d(-2%,-1%,0) scale(1)}100%{transform:translate3d(3%,2%,0) scale(1.1)}} .music-feature {isolation:isolate;position:relative;overflow:hidden;} .music-feature > * {position:relative;z-index:1;} .music-feature::before {content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 75% 30%,rgba(255,255,255,.12),transparent 55%);animation:kr-ambient 22s ease-in-out infinite alternate;} /* Large-screen section rhythms. */ @media (min-width:701px) { .cover-stage {perspective:1300px;} .single-art {transition:transform 1.1s var(--motion-ease);} .single-campaign:hover .single-art {transform:translateY(-6px);} } @media (max-width:700px) { .motion-word {padding-bottom:.07em;margin-bottom:-.07em;} .editorial-ticker {padding:11px 0;} .ticker-unit {gap:20px;padding-right:20px;font-size:34px;} .ticker-unit em {font-size:32px;} .ticker-unit i {font-size:18px;} html.motion-enabled [data-motion-reveal].motion-prepared {transform:translate3d(0,17px,0);filter:none;} html.motion-enabled [data-motion-title].motion-prepared .motion-word-inner {filter:none;} html.motion-enabled [data-motion-photo].motion-prepared {clip-path:inset(0 0 100% 0 round 18px);transform:scale(.985);} html.motion-enabled [data-motion-photo].motion-prepared.motion-visible {clip-path:inset(0 0 0 0 round 18px);} } @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto!important;} .ticker-track {animation:none!important;} .single-campaign::before,.music-feature::before {animation:none!important;} [data-motion-parallax],[data-motion-magnet],[data-motion-sheen] {transform:none!important;transition:none!important;} .reading-progress {transition:none!important;} html.motion-enabled [data-motion-title] .motion-word-inner, html.motion-enabled [data-motion-reveal], html.motion-enabled [data-motion-photo] {opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;transition:none!important;} } /* assets/polish.css */ /* Kenny Rivers / V5.3 / editorial polish + typographic safety. Loaded after base styles AND motion, intentionally preserving V5.2's design. */ :root { --kr-corner: 28px; } html,body,.cover,.manifesto-section,.drops-section,.projects-section,.eps-section, .music-intro,.about-intro,.booking-intro,.site-footer,.book-contact,.discography {background-color:#fff!important;} /* New photograph: original, unaltered center portrait set inside a wider, studio-tone extension. Its far edges dissolve into the image frame instead of ending in harsh crop lines. */ .cover-photo {background:linear-gradient(100deg,#a9784f 0%,#9e6541 41%,#6b3c27 100%)!important; border-radius:var(--kr-corner)!important; isolation:isolate;} .cover-photo>img {object-fit:cover;object-position:50% 51%; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5.3%,#000 94.7%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 5.3%,#000 94.7%,transparent 100%); filter:contrast(1.015) saturate(1.035);} .cover-photo figcaption {padding:70px 29px 23px; background:linear-gradient(0deg,rgba(36,17,10,.57),transparent 75%); font-size:11px;line-height:1.5; letter-spacing:.15em;} .cover-stage {align-items:center;} .cover-side {padding-bottom:20px; min-width:0;gap:26px;} .cover-side p {line-height:1.7;overflow-wrap:anywhere;} /* No letter, accent or italic descender should get clipped by the word animation mask. Motion remains staggered via translate/opacity, without destructive cropping. */ .motion-word {overflow:visible!important;padding:0 .013em .08em .013em!important;margin:0!important;} .motion-word-inner {overflow:visible!important;padding-bottom:.075em;} [data-motion-title] {overflow:visible; text-wrap:balance;} [data-motion-title] em .motion-word,[data-motion-title] i .motion-word { padding-left:.065em!important; padding-right:.075em!important; margin-left:0!important;margin-right:0!important;} .cover-masthead {line-height:1.03!important;padding-top:28px;padding-bottom:27px; letter-spacing:.01em!important;white-space:nowrap;} .manifesto-content h2,.single-campaign-copy h2,.drops-head-text h2, .projects-title h2,.eps-top h2,.booking-closer h2,.discography-head h2, .music-feature h2,.listen-closer h2,.about-copy-lead h2,.journey-title h2, .about-end h2,.booking-feature-side h2,.book-contact-title h2, .about-quote blockquote {line-height:1.06!important;} .music-intro.magazine-hero h1,.about-intro.magazine-hero h1, .booking-intro.magazine-hero h1 {line-height:1.04!important;} .music-intro.magazine-hero,.about-intro.magazine-hero, .booking-intro.magazine-hero {overflow:visible;} .single-campaign h2,.about-end h2,.booking-closer h2 {padding-block:.05em .08em;} .about-quote blockquote {overflow-wrap:normal;text-wrap:balance;} /* A unified button system: repeatable capsule geometry, clear room from paragraphs, legible baseline, reliable keyboard focus, and no shrinking into adjacent copy. */ .nav-links .nav-book,.magazine-pill,.white-action,.book-button,.form-submit { display:inline-flex;align-items:center;justify-content:center;gap:10px; padding:16px 29px;min-height:52px;line-height:1.25; border-radius:999px!important;white-space:normal;max-width:100%; text-align:center;vertical-align:middle;flex-shrink:0; font-size:clamp(11px,.85vw,13px);letter-spacing:.105em;font-weight:800; text-decoration:none;} .nav-links .nav-book {min-height:44px;padding:12px 23px;} .magazine-pill {min-height:48px;} .form-submit {cursor:pointer;margin-top:13px;min-height:56px;} .white-action,.magazine-pill,.book-button {position:relative;z-index:1;} .nav-links .nav-book:hover,.magazine-pill:hover,.white-action:hover, .book-button:hover,.form-submit:hover {text-decoration:none;} :where(a,button,input,textarea,select):focus-visible {outline:3px solid #174ee9!important;outline-offset:4px!important;} .underlined-link,.quiet-action,.drop-listen,.platform-link,.type-link { display:inline-flex;align-items:center;min-height:33px;line-height:1.45;} .underlined-link {padding-bottom:8px;max-width:100%;white-space:normal;} .type-link {flex-direction:column;align-items:stretch;white-space:normal;} .single-buttons {gap:18px 28px;margin-top:42px;align-items:center;} .single-desc {margin-top:30px;} .drops-head-aside p {margin-bottom:34px;} .eps-top>div p {margin-bottom:32px;} .music-feature>div:last-child p {margin-bottom:28px;} .booking-feature-side .white-action {margin-top:34px;align-self:flex-start;} .booking-feature-side p {margin-bottom:8px;} .about-copy-body .underlined-link {margin-top:30px;} .about-end .book-button {margin-top:9px;} .booking-closer .book-button {margin-top:11px;} .magazine-hero-foot {gap:27px;margin-top:50px;} .listen-closer-actions {gap:18px;} .book-contact-form form {gap:27px;} .book-contact-form .form-submit {align-self:flex-start;} /* Discography labels and listening actions should never crowd each other. Flexible wrapping instead of overlapping narrow cards at medium breakpoints. */ .release-info,.drop-caption,.project-info {min-width:0;} .release-info {gap:12px 24px;flex-wrap:wrap;align-items:flex-start;} .release-info>div {flex:1 1 165px;min-width:0;} .release-info>a {flex:0 0 auto;margin:0!important;} .release-info h3,.drop-caption h3,.project-info h3 {overflow-wrap:break-word;line-height:1.17!important;} .drop-caption {flex-wrap:wrap;gap:11px 15px;} .drop-caption>div {flex:1 1 135px;min-width:0;} .drop-listen {margin-left:auto;padding:4px 0;} .projects-title,.selected-head,.discography-head {row-gap:38px;} .underlined-link:hover {text-decoration:none;} @media(min-width:1400px) { .cover-photo {aspect-ratio:1.86; min-height:500px;} } @media(max-width:1300px) { .cover-side {gap:21px;} .cover-side p {font-size:10px;} .cover-side-big {font-size:80px;} .single-campaign-copy h2 {font-size:clamp(89px,10.3vw,145px);} } @media(max-width:900px) { .cover-photo {aspect-ratio:1.30;min-height:0;} .cover-stage {margin:0 10px;} .cover-photo>img {object-position:50% 53%;} .single-campaign-copy h2 {font-size:clamp(70px,10vw,112px);} .about-copy-body .underlined-link {margin-top:22px;} } @media(max-width:700px) { .cover-masthead {font-size:clamp(34px,10.15vw,72px);white-space:nowrap; padding-top:23px;padding-bottom:22px;} .cover-stage {margin:0 4px;} .cover-photo {aspect-ratio:1.02;border-radius:19px!important;} .cover-photo figcaption {padding:52px 15px 15px;font-size:9px;letter-spacing:.065em;} .cover-photo>img {-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);} .cover-overline {gap:10px;} .cover-overline span {font-size:9px;letter-spacing:.07em;} .single-campaign-copy h2 {font-size:clamp(58px,14.5vw,97px);} .single-buttons {align-items:stretch;gap:16px;margin-top:30px;} .single-buttons .white-action {min-height:50px;} .booking-feature-side .white-action {margin-top:28px;} .booking-closer h2,.about-end h2 {line-height:1.08!important;} .magazine-hero-foot {margin-top:33px;} .music-intro.magazine-hero h1,.about-intro.magazine-hero h1, .booking-intro.magazine-hero h1 {line-height:1.09!important;} .release-info {gap:9px 12px;} .release-info>div {flex-basis:120px;} .release-info>a {min-height:28px;} .drop-caption {gap:8px 12px;} .drop-caption>div {flex-basis:115px;} .form-submit {width:100%;} } @media(max-width:360px) { .cover-masthead {font-size:10vw;} .cover-photo {aspect-ratio:.94;} .cover-photo figcaption span:last-child {display:none;} .cover-overline span {font-size:8px;} } @media(prefers-reduced-motion:reduce) { .cover-photo>img,.motion-word-inner {transition:none!important;} } /* assets/v54.css */ /* V5.4 — full-bleed editorial cover + uncropped original About photography. Everything else inherits the polished V5.3 design. */ /* The homepage image is the cover, rather than a small photo inside a grid. */ body[data-page="index"] .site-nav { position:absolute;inset:0 0 auto;width:100%;z-index:40; background:transparent!important;border:0;box-shadow:none!important; } body[data-page="index"] .site-nav .nav-home, body[data-page="index"] .site-nav .nav-location, body[data-page="index"] .site-nav .nav-links>a:not(.nav-book){color:#fff;} body[data-page="index"] .site-nav .nav-home .nav-dot{color:#f2212a;} body[data-page="index"] .site-nav .nav-book{background:#f21a29;color:#fff;} body[data-page="index"] .site-nav .nav-links>a:not(.nav-book):hover {color:#fff;} body[data-page="index"] .cover.cover--immersive { height:auto;min-height:720px;min-height:min(870px,max(720px,95svh)); padding:0!important;position:relative;isolation:isolate;background:#6a3b27!important; display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden; } body[data-page="index"] .cover-photo--full { position:absolute;inset:0;z-index:-3; margin:0;border:0!important;border-radius:0!important; width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto!important; overflow:hidden;background:#8b5b3b!important;clip-path:none; } body[data-page="index"] .cover-photo--full>img { width:100%;height:100%;display:block;object-fit:cover; object-position:center 47%;filter:contrast(1.015) saturate(1.03); mask-image:none!important;-webkit-mask-image:none!important; transform:none!important;will-change:auto!important; } /* Intentionally subtle gradient to make type readable while keeping the studio image dominant. */ .cover-hero-shade { position:absolute;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(90deg,rgba(25,11,8,.56) 0%,rgba(25,11,8,.34) 29%,rgba(25,11,8,0) 65%), linear-gradient(0deg,rgba(22,10,7,.40),transparent 27%); } .cover-hero-inner {position:relative;width:100%;padding:180px max(5.5%,calc((100vw - 1740px)/2)) 148px;z-index:2;} .cover-hero-kicker{font-family:var(--body);font-size:clamp(10px,.84vw,13px);font-weight:800;letter-spacing:.28em;color:#fff;margin:0 0 32px;} .cover-hero-title {font-family:var(--display);font-size:clamp(98px,12.2vw,205px);font-weight:800;line-height:.93!important; letter-spacing:.045em!important;color:#fff;margin:0 0 22px;display:flex;flex-direction:column;align-items:flex-start; overflow:visible;white-space:nowrap;text-wrap:nowrap;} .cover-hero-title>span {display:block;line-height:1.02;padding:0 .03em .025em 0;} .cover-hero-title>.cover-title-accent {color:#fa1824;} .cover-hero-subtitle{color:#fff;font-family:var(--serif);font-style:italic;font-size:clamp(21px,2.4vw,35px);line-height:1.2;margin:0 0 42px;} .cover-hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px 17px;} .cover-action {display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:17px 31px;border-radius:100px; font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:.13em;text-align:center;line-height:1.3;transition:background .2s ease,color .2s ease,box-shadow .3s ease;} .cover-action-primary{background:#f21a29;color:#fff;} .cover-action-primary:hover{background:#fff;color:#111;} .cover-action-outline{color:#fff;border:1px solid rgba(255,255,255,.86);background:rgba(0,0,0,.06);backdrop-filter:blur(6px);} .cover-action-outline:hover{background:#fff;color:#111;} .cover-hero-footer {position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;gap:24px;align-items:center; z-index:2;font-size:10px;font-weight:800;letter-spacing:.18em;color:#fff;} body[data-page="index"] .manifesto-section {border-top:0;} /* About: replace the cinematic crop with the full native 1440x1827 source. There is no stretching, upscaling, pseudo-resolution, or 760px height cap. */ body[data-page="about"] .about-spread {grid-template-columns:minmax(0,1fr) minmax(210px,24%);gap:4%;align-items:center;padding:15px max(5%,calc((100vw - 1440px)/2)) 75px;} body[data-page="about"] .about-main-img {width:100%;max-width:920px;max-height:none!important;height:auto!important;aspect-ratio:1440/1827; border-radius:26px;overflow:hidden;background:#fff;} body[data-page="about"] .about-main-img>img {display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:1440/1827; object-fit:contain!important;object-position:center;transform:none!important;will-change:auto!important;} body[data-page="about"] .about-main-img figcaption {padding:70px 22px 21px;font-size:10px;line-height:1.4;} body[data-page="about"] .about-side-caption {align-self:center;min-height:490px;} body[data-page="about"] .about-side-caption p{font-size:clamp(42px,4.4vw,85px);line-height:1.06;letter-spacing:.02em;} body[data-page="about"] .about-side-caption span{font-size:13px;} @media(min-width:1700px){.cover-hero-inner {padding-bottom:170px;}} @media(max-width:1100px){ body[data-page="index"] .cover.cover--immersive {min-height:720px;} .cover-hero-inner {padding:150px 5% 125px;} .cover-hero-title{font-size:clamp(100px,12vw,145px);} body[data-page="about"] .about-spread{grid-template-columns:minmax(0,1fr) minmax(180px,25%);} } @media(max-width:700px){ body[data-page="index"] .site-nav .nav-links {background:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.15);} body[data-page="index"] .site-nav .nav-links>a:not(.nav-book) {color:#0e1015;} body[data-page="index"] .site-nav .mobile-toggle span{background:#fff;} body[data-page="index"] .cover.cover--immersive {min-height:750px;min-height:100svh;max-height:960px;} body[data-page="index"] .cover-photo--full>img{object-position:54% center;} .cover-hero-shade{background:linear-gradient(0deg,rgba(23,8,5,.79) 0%,rgba(23,8,5,.55) 26%,rgba(23,8,5,.02) 65%), linear-gradient(180deg,rgba(23,8,5,.20),transparent 25%);} .cover-hero-inner{padding:320px 6% 116px;margin-top:auto;} .cover-hero-kicker{font-size:9px;letter-spacing:.15em;margin-bottom:18px;} .cover-hero-title{font-size:clamp(75px,20.3vw,120px);letter-spacing:.025em!important;line-height:.95!important;margin-bottom:12px;} .cover-hero-subtitle{font-size:23px;margin-bottom:24px;} .cover-hero-actions{gap:11px;} .cover-action{padding:14px 19px;font-size:10px;min-height:51px;} .cover-hero-footer {left:6%;right:6%;bottom:23px;font-size:9px;letter-spacing:.07em;} .cover-hero-footer span:last-child{display:none;} body[data-page="about"] .about-spread{display:block;padding:0 5% 65px;} body[data-page="about"] .about-main-img {max-width:100%;border-radius:20px;} body[data-page="about"] .about-side-caption{display:none;} } @media(max-width:390px){ .cover-hero-title{font-size:19.7vw;} .cover-action{width:100%;} .cover-hero-inner{padding-bottom:95px;} } @media(prefers-reduced-motion:reduce){ .cover-photo--full img {transform:none!important;} } /* Keep the full-bleed photo above the cover's stacking background on all browsers. */ body[data-page="index"] .cover-photo--full{z-index:0!important;} .cover-hero-shade{z-index:1;} /* An accompanying editorial note balances the full-height original photo. */ @media(min-width:901px){ body[data-page="about"] .about-side-caption{display:flex!important;align-self:stretch;min-height:0;padding:60px 0 45px;gap:35px;} body[data-page="about"] .about-side-caption p{font-size:clamp(50px,5vw,90px);letter-spacing:.025em;line-height:1.05;} body[data-page="about"] .about-side-caption span{align-self:flex-start;max-width:260px;font-size:13px;letter-spacing:.16em;border-top:2px solid #ea1b29;padding-top:24px;} } @media(max-width:900px){ body[data-page="booking"] .book-contact{display:grid;grid-template-columns:minmax(0,1fr);gap:42px;padding:86px 6%;} body[data-page="booking"] .book-contact-form{min-width:0;width:100%;max-width:780px;} } @media(max-width:400px){ .manifesto-content h2 em{font-size:.70em!important;letter-spacing:-.04em!important;} } /* Override V3's full-width image rule so the original portrait and editorial note share one intentional magazine spread on wide screens. */ @media(min-width:901px){ body[data-page="about"] .about-spread.editorial-frame{ display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,24%); padding:15px max(4%,calc((100vw - 1440px)/2)) 100px!important; gap:4%;align-items:stretch; } } @media(max-width:900px){ body[data-page="about"] .about-spread.editorial-frame{display:block!important;padding:0 5% 70px!important;} } /* assets/v511.css */ /* V5.11 — Bilingual editorial refinements / consistent CTAs / video feature */ .kr-language-switch { display:flex; align-items:center;gap:3px; flex-shrink:0; padding:3px;border:1px solid rgba(20,20,20,.2);border-radius:999px; background:rgba(255,255,255,.96); } .kr-language-switch a { color:#181818 !important; display:flex;align-items:center;justify-content:center; min-width:40px;min-height:32px;padding:7px 9px; font-size:11px;font-weight:800;letter-spacing:.10em;line-height:1; border-radius:999px;transition:background .2s ease,color .2s ease; } .kr-language-switch a[aria-current="true"] { background:#ef1734; color:#fff !important; } .kr-language-switch a:not([aria-current]):hover {background:#eceef2;color:#171717!important;} .kr-language-switch a::after {display:none!important;content:none!important;} .kr-language-switch a:focus-visible {outline:2px solid #1751fa;outline-offset:3px;} /* Homepage nav is transparent over the hero: let language controls stay readable. */ body[data-page="index"] .kr-language-switch {border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.95);} /* Fix: secondary Apple Music control is a complete, equally sized pill, not an underline fragment. */ .single-buttons {display:flex;align-items:center;gap:14px;flex-wrap:wrap;row-gap:14px;} .single-buttons .white-action, .single-buttons .quiet-action { display:inline-flex!important;align-items:center;justify-content:center; width:auto;max-width:100%;box-sizing:border-box; border-radius:999px!important; padding:14px 25px!important;min-height:54px!important; font-size:clamp(11px,.88vw,13px)!important; line-height:1.2!important;font-weight:800!important; letter-spacing:.09em!important;white-space:normal; text-decoration:none!important; transform:none;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease; } .single-buttons .white-action {background:#fff;border:1px solid #fff;color:#181818;} .single-buttons .quiet-action { background:transparent;border:1.5px solid rgba(255,255,255,.95); color:#fff!important; } .single-buttons .quiet-action:hover,.single-buttons .quiet-action:focus-visible { color:#171717!important;background:#fff;border-color:#fff; } .single-buttons .white-action:hover {transform:translateY(-2px);} .single-buttons .quiet-action:hover {transform:translateY(-2px);} /* The featured Padre Nuestro video, styled as a large piece of editorial media. */ .music-feature { display:grid!important; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important; gap:clamp(34px,4.5vw,76px)!important; align-items:center!important; padding:clamp(54px,6vw,98px) clamp(25px,5vw,92px)!important; } .music-feature-copy {min-width:0;position:relative;z-index:2;} .music-feature-copy h2 { font-family:var(--display);font-size:clamp(69px,7vw,130px)!important; line-height:.94!important;letter-spacing:.015em!important; max-width:100%;overflow-wrap:normal;word-break:normal; margin:20px 0 30px!important; } .music-feature-copy p {font-size:clamp(16px,1.45vw,20px);line-height:1.55;max-width:390px;margin-bottom:26px!important;} .music-video-link { display:inline-flex;align-items:center;justify-content:center;min-height:50px; background:#fff;color:#151515!important; border-radius:999px;padding:14px 24px;font-size:11px;letter-spacing:.12em;font-weight:900; transition:transform .2s,background .2s; } .music-video-link:hover{background:#ebefff;transform:translateY(-2px);} .music-video-panel{min-width:0;position:relative;z-index:2;} .music-video-frame{ width:100%;aspect-ratio:16/9;position:relative;overflow:hidden; border:1px solid rgba(255,255,255,.26);border-radius:clamp(15px,1.8vw,25px); background:#08090e;box-shadow:0 25px 55px rgba(0,8,35,.27); } .music-video-frame iframe {position:absolute;inset:0;width:100%;height:100%;border:0;} .music-video-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:19px;} .music-video-footer span{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.8;} .music-video-footer a{font-size:11px;font-weight:850;letter-spacing:.1em;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.72);color:#fff;} .music-video-footer a:hover{color:#c7deff;} .catalog-sort-label {font-weight:900;letter-spacing:.13em;color:#e71938;} /* Spanish display type may be longer; preserve ample line height and safe wrapping. */ html[lang="es"] .magazine-hero h1 {overflow-wrap:normal;max-width:100%;} html[lang="es"] .music-intro.magazine-hero h1 {font-size:clamp(60px,11vw,175px)!important;line-height:1.03!important;} html[lang="es"] .about-intro.magazine-hero h1 {font-size:clamp(55px,9vw,135px)!important;line-height:1.03!important;} html[lang="es"] .booking-intro.magazine-hero h1 {font-size:clamp(67px,11vw,173px)!important;line-height:1.05!important;} html[lang="es"] .manifesto-content h2 {font-size:clamp(65px,8vw,140px)!important;line-height:1.05!important;} html[lang="es"] .booking-feature-side h2 {font-size:clamp(55px,5vw,105px)!important;line-height:1.03!important;} html[lang="es"] .journey-title h2 {font-size:clamp(58px,6.3vw,125px)!important;line-height:1.04!important;} html[lang="es"] .booking-closer h2,html[lang="es"] .about-end h2{font-size:clamp(57px,7.6vw,136px)!important;line-height:1.07!important;} html[lang="es"] .eps-top h2 {font-size:clamp(58px,7vw,125px)!important;line-height:1.04!important;} html[lang="es"] .discography-head h2{font-size:clamp(57px,7vw,115px)!important;line-height:1.08!important;} html[lang="es"] .drops-head-text h2{font-size:clamp(67px,9vw,150px)!important;} @media(max-width:1100px){ .music-feature{grid-template-columns:1fr!important;gap:40px!important;} .music-feature-copy h2{font-size:clamp(72px,10vw,130px)!important;} .music-feature-copy p{max-width:620px;} } @media(max-width:750px){ .nav-links{gap:18px;} .kr-language-switch a{min-width:35px;} .music-feature{padding:58px 6%!important;} .music-feature-copy h2{font-size:clamp(57px,12vw,95px)!important;} .music-video-footer{gap:12px;} html[lang="es"] .music-intro.magazine-hero h1 {font-size:clamp(50px,11.3vw,87px)!important;} html[lang="es"] .about-intro.magazine-hero h1 {font-size:clamp(50px,10vw,92px)!important;} html[lang="es"] .booking-intro.magazine-hero h1 {font-size:clamp(60px,12vw,101px)!important;} html[lang="es"] .manifesto-content h2 {font-size:clamp(58px,10.6vw,91px)!important;} html[lang="es"] .booking-feature-side h2 {font-size:clamp(52px,10vw,92px)!important;} html[lang="es"] .about-end h2, html[lang="es"] .booking-closer h2 {font-size:clamp(58px,10.5vw,103px)!important;} html[lang="es"] .journey-title h2 {font-size:clamp(51px,10vw,100px)!important;} html[lang="es"] .eps-top h2 {font-size:clamp(57px,11vw,104px)!important;} html[lang="es"] .discography-head h2 {font-size:clamp(52px,9.3vw,95px)!important;} } @media(max-width:650px){ .kr-language-switch {margin-top:18px;align-self:flex-start;border-color:#ddd!important;} body[data-page="index"] .site-nav .kr-language-switch {background:#fff;} .kr-language-switch a{min-width:58px;min-height:40px;} .music-feature-copy h2{letter-spacing:.01em!important;} .single-buttons{align-items:stretch;} .single-buttons .white-action,.single-buttons .quiet-action {min-height:52px!important;} } @media(max-width:375px){ .single-buttons .white-action,.single-buttons .quiet-action {width:100%;} .music-feature-copy h2{font-size:52px!important;} html[lang="es"] .music-intro.magazine-hero h1{font-size:11vw!important;} html[lang="es"] .about-intro.magazine-hero h1{font-size:9.4vw!important;} html[lang="es"] .booking-intro.magazine-hero h1{font-size:11vw!important;} } @media(prefers-reduced-motion:reduce){.kr-language-switch a,.single-buttons a{transition:none!important;}} @media(max-width:800px){.catalog-context{flex-wrap:wrap;row-gap:10px;}.catalog-context span{max-width:100%;}.catalog-sort-label{white-space:nowrap;}} @media(max-width:400px){html[lang="es"] .book-contact-title h2{font-size:clamp(48px,11vw,90px)!important;line-height:1.07!important;}html[lang="es"] .booking-feature-side h2{font-size:clamp(46px,10vw,85px)!important;}html[lang="es"] .booking-intro.magazine-hero h1{font-size:clamp(48px,11vw,75px)!important;}} /* assets/v512.css */ /* V5.12 — reliable Padre Nuestro presentation on file:// and hosted sites */ .music-video-frame { isolation:isolate; background:#050818; } .kr-video-poster { position:relative; display:flex; flex-direction:column; justify-content:space-between; isolation:isolate; width:100%; height:100%; min-height:100%; padding:clamp(20px,2.3vw,36px); overflow:hidden; color:#fff!important; text-decoration:none!important; background:radial-gradient(ellipse at 80% 25%,rgba(70,28,148,.7),transparent 52%), linear-gradient(135deg,#090e24 0%,#111944 38%,#121023 69%,#040912 100%); cursor:pointer; } .kr-video-poster::before { content:""; position:absolute;inset:-2%;z-index:-2;pointer-events:none; background:url('https://i.ytimg.com/vi/vM1Scksla-A/maxresdefault.jpg') center / cover no-repeat; opacity:.35;filter:saturate(.65) contrast(1.1); transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s ease; } .kr-video-poster::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(180deg,rgba(4,7,19,.54) 0%,rgba(4,7,19,.09) 42%,rgba(4,7,19,.88) 100%); } .kr-video-poster:hover::before,.kr-video-poster:focus-visible::before{transform:scale(1.035);opacity:.47;} .kr-poster-top,.kr-poster-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1;} .kr-poster-top {font-size:clamp(9px,.8vw,12px);font-weight:900;letter-spacing:.18em;line-height:1.5;} .kr-poster-top span:last-child{text-align:right;opacity:.74;} .kr-poster-bottom{align-items:end;} .kr-poster-title{font-family:var(--display),"Arial Narrow",sans-serif;font-size:clamp(37px,5vw,84px);line-height:.8;letter-spacing:.01em;font-weight:900;text-transform:uppercase;} .kr-poster-period{color:#ff1b40;} .kr-poster-cta{display:block;text-align:right;font-size:clamp(9px,.87vw,12px);font-weight:900;letter-spacing:.09em;line-height:1.45;} .kr-poster-cta small{display:block;opacity:.7;font-size:9px;font-weight:700;margin-top:7px;} .kr-video-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:1; width:clamp(57px,7vw,90px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center; background:#f71939;box-shadow:0 15px 40px rgba(0,0,0,.36); transition:transform .3s cubic-bezier(.2,.8,.2,1),background .2s ease; } .kr-video-play svg{width:34%;height:auto;margin-left:4px;} .kr-video-poster:hover .kr-video-play,.kr-video-poster:focus-visible .kr-video-play{background:#fff;color:#eb1031;transform:translate(-50%,-50%) scale(1.10);} .kr-video-poster:focus-visible{outline:3px solid #fff;outline-offset:-5px;} .kr-video-local-note{display:none!important;margin:11px 0 0!important;color:#f3f6ff!important;font-size:12px!important;line-height:1.5!important;max-width:none!important;opacity:.8;} html.kr-local-video .kr-video-local-note{display:block!important;} .music-video-frame.is-playing{background:#000;} .music-video-frame iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;} @media (max-width:650px){ .kr-poster-top {font-size:9px;letter-spacing:.09em;} .kr-poster-title{font-size:clamp(35px,10vw,60px);} .kr-poster-cta small{display:none;} .kr-video-poster{padding:clamp(15px,5vw,24px);} } @media (max-width:370px){.kr-poster-title{font-size:32px}.kr-poster-cta{font-size:9px;}} @media (prefers-reduced-motion:reduce){.kr-video-poster::before,.kr-video-play{transition:none!important;}} /* assets/v519.css */ /* Kenny Rivers V5.19 — curated platform directory + social closing panel */ :root { --kr-soft-white: #ffffff; } /* Keep each record card clean: cover art, release title and date only. */ body[data-page="music"] .release-info {display:block!important;} body[data-page="music"] .release-info > div {width:100%;} body[data-page="music"] .release-info > a {display:none!important;} /* Editorial streaming directory immediately after the Padre Nuestro feature. */ .music-platforms { background:#0b0c10; color:#fff; border-radius:clamp(18px,2.2vw,32px); margin:clamp(18px,2.8vw,42px) clamp(13px,3vw,60px) 0; padding:clamp(40px,5.5vw,95px) clamp(24px,5.5vw,100px); display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.95fr); gap:clamp(35px,6vw,100px); align-items:start; overflow:hidden; } .music-platforms-lead {min-width:0;} .music-platforms-eyebrow {font-size:13px;font-weight:800;letter-spacing:.19em;color:#f0f0f0;margin-bottom:32px;} .music-platforms h2 { font-family:var(--display),sans-serif; font-weight:800; font-size:clamp(64px,7.1vw,130px);line-height:1.01;letter-spacing:.008em; margin:0 0 26px;overflow-wrap:normal; } .music-platforms h2 em {font-family:var(--display),Impact,sans-serif;font-weight:800;font-style:normal;color:#fd2735;} .music-platforms-description {max-width:410px;color:#c8cbd3;font-size:clamp(16px,1.4vw,19px);line-height:1.6;} .music-platforms-list {min-width:0;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.3);} .music-platform-item {display:flex;align-items:center;gap:20px;padding:19px 6px 20px 0;border-bottom:1px solid rgba(255,255,255,.25);text-decoration:none;color:#fff;transition:background .26s ease,padding .26s ease;} .music-platform-item:hover,.music-platform-item:focus-visible {background:rgba(255,255,255,.07);padding-left:14px;} .music-platform-item:focus-visible,.about-social-item:focus-visible,.about-book-secondary:focus-visible{outline:2px solid #fff;outline-offset:4px;} .music-platform-mark {display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:22px;font-weight:700;line-height:1;} .music-platform-copy {flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;} .music-platform-copy strong {font-size:clamp(20px,2.25vw,31px);font-weight:800;letter-spacing:-.02em;line-height:1.13;} .music-platform-copy small {font-size:12px;line-height:1.5;letter-spacing:.035em;color:#b6bcc7;} .music-platform-out {font-size:25px;line-height:1;flex:0 0 auto;color:#fff;transition:transform .26s ease;} .music-platform-item:hover .music-platform-out {transform:translate(3px,-3px);} /* Story ending: connect socially, with a quiet booking route. */ .about-end .about-social-intro {font-family:var(--body);font-size:clamp(17px,1.45vw,20px)!important;font-weight:500!important;letter-spacing:0!important;line-height:1.5;margin:0 auto 30px!important;max-width:520px;} .about-social-list {display:flex;flex-wrap:wrap;justify-content:center;gap:13px;max-width:880px;margin:0 auto;} .about-social-item {display:flex;flex-direction:column;justify-content:center;min-width:170px;gap:5px;min-height:72px;padding:13px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.75);color:#fff;background:rgba(0,0,0,.07);text-decoration:none;transition:background .25s ease,color .25s ease,transform .25s ease;} .about-social-item:hover {transform:translateY(-4px);background:#fff;color:#191919;} .about-social-name {font-family:var(--body);font-size:18px;font-weight:800;letter-spacing:.015em;line-height:1.2;} .about-social-handle {font-family:var(--body);font-size:12px;letter-spacing:.01em;opacity:.82;line-height:1.3;} .about-end .about-book-quiet {font-size:clamp(14px,1.25vw,17px)!important;font-family:var(--body);font-weight:500!important;letter-spacing:0!important;line-height:1.6;margin:32px auto 0!important;} .about-book-secondary {color:#fff;text-underline-offset:5px;font-weight:800;text-decoration:underline;} .about-book-secondary:hover {text-decoration-thickness:2px;} @media(max-width:1100px){ .music-platforms {grid-template-columns:minmax(0,1fr) minmax(275px,1fr);padding:60px 5%;gap:6%;} .music-platforms h2 {font-size:clamp(58px,7.4vw,84px);} } @media(max-width:800px){ .music-platforms {grid-template-columns:1fr;gap:28px;padding:46px 6%;} .music-platforms h2 {font-size:clamp(56px,11.3vw,96px);} .music-platforms-eyebrow {margin-bottom:20px;} .music-platforms-description {max-width:630px;} .about-social-item {flex:1 1 190px;} } @media(max-width:500px){ .music-platforms {padding:36px 6% 42px;margin:18px 12px 0;border-radius:19px;} .music-platforms h2 {font-size:clamp(48px,13vw,73px);line-height:1.07;} .music-platforms-eyebrow {font-size:11px;letter-spacing:.15em;} .music-platform-item {gap:12px;padding:15px 0;} .music-platform-mark {width:39px;height:39px;flex-basis:39px;font-size:19px;} .music-platform-copy strong {font-size:22px;} .music-platform-copy small {font-size:11px;} .music-platform-out {font-size:21px;} .about-social-list {gap:9px;} .about-social-item {min-width:0;flex:1 1 100%;min-height:62px;border-radius:16px;} } @media(prefers-reduced-motion:reduce){ .music-platform-item,.music-platform-out,.about-social-item {transition:none!important;} .music-platform-item:hover .music-platform-out,.about-social-item:hover {transform:none!important;} } /* Small-screen safety refinements for inherited legacy type/layout. */ @media(max-width:375px) { .site-footer .footer-top {grid-template-columns:minmax(0,1fr)!important;gap:24px!important;} .site-footer .footer-logo {font-size:clamp(62px,20vw,82px)!important;} .site-footer .footer-intro {font-size:clamp(26px,8vw,32px)!important;} .site-footer .footer-navigation {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} html[lang="es"] .discography-head h2 em {font-size:.74em!important;} html[lang="es"] .about-copy-lead h2 i {font-size:.71em!important;} html[lang="es"] .about-quote em {font-size:.51em!important;} } /* assets/v520-brand-logos.css */ /* Kenny Rivers V5.20 — recognizable brand marks, no decorative arrows. */ .music-platform-item {gap:18px;} .music-platform-mark { width:50px;height:50px;flex:0 0 50px; border:0;border-radius:14px;background:transparent; display:grid;place-items:center;overflow:visible; } .music-platform-icon { display:block;width:46px;height:46px;object-fit:contain; transition:transform .3s cubic-bezier(.2,.8,.2,1); } .music-platform-item:hover .music-platform-icon, .music-platform-item:focus-visible .music-platform-icon {transform:scale(1.08);} .music-platform-out,.music-platform-item::after {display:none!important;content:none!important;} .music-platform-copy {padding-right:4px;} /* Social destination cards: real mark + typography. */ .about-social-item { flex-direction:row;align-items:center;justify-content:flex-start;text-align:left; gap:15px;min-height:82px;min-width:185px;padding:14px 18px; } .about-social-icon { width:46px;height:46px;flex:0 0 46px; border-radius:13px;display:grid;place-items:center; border:1px solid rgba(255,255,255,.25); background:rgba(0,0,0,.17); transition:background .25s ease; } .about-social-icon img {display:block;width:24px;height:24px;object-fit:contain;} .about-social-copy {display:flex;flex:1;flex-direction:column;justify-content:center;gap:5px;min-width:0;} .about-social-item::after {display:none!important;content:none!important;} .about-social-item:hover .about-social-icon {background:#171717;} @media(max-width:800px){ .about-social-item {flex:1 1 205px;} } @media(max-width:500px){ .music-platform-item {gap:13px;} .music-platform-mark {width:43px;height:43px;flex-basis:43px;} .music-platform-icon {width:40px;height:40px;} .about-social-item {flex:1 1 100%;gap:13px;padding:12px 14px;min-height:72px;} .about-social-icon {width:44px;height:44px;flex-basis:44px;} } @media(prefers-reduced-motion:reduce){ .music-platform-icon,.about-social-icon {transition:none!important;transform:none!important;} }