:root{
  --black:#080707;--wine:#190708;--white:#f2f0eb;--muted:#aaa39c;--orange:#ff6417;
  --pink:#ff2b78;--cyan:#00cfe8;--red:#e52518;--violet:#7954ff;--line:rgba(242,240,235,.15);
  --display:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Inter",Arial,sans-serif;
  --pad:clamp(20px,4vw,72px);--max:1600px;--ease:cubic-bezier(.2,.75,.2,1);--ease2:cubic-bezier(.77,0,.18,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img,video{display:block;max-width:100%}.wrap{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--pad)}.section{position:relative}.skip-link{position:fixed;z-index:9999;top:8px;left:8px;padding:12px 16px;background:var(--white);color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.noise{position:fixed;z-index:100;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor{position:fixed;z-index:1000;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--white);pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),background .3s;display:none}.cursor span{opacity:0;font-size:10px;font-weight:700;color:#000}.cursor.is-view{width:62px;height:62px;background:var(--orange);mix-blend-mode:normal;display:flex;align-items:center;justify-content:center}.cursor.is-view span{opacity:1}
.site-header{position:fixed;z-index:200;top:0;left:0;width:100%;height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:background .35s,backdrop-filter .35s,border-color .35s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(8,7,7,.72);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;letter-spacing:.08em;line-height:.8;font-size:15px}.brand img{width:42px;height:42px;object-fit:contain}.brand small{font-size:9px;letter-spacing:.32em;color:var(--muted)}.desktop-nav{display:flex;gap:28px;align-items:center;text-transform:uppercase;font-size:11px;letter-spacing:.11em}.desktop-nav a{position:relative;padding:8px 0;color:#d9d5cf;transition:color .25s}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.desktop-nav .nav-booking{color:var(--orange)}.menu-toggle{display:none;border:0;background:none;color:var(--white);font-size:11px;letter-spacing:.12em;cursor:pointer}.menu-toggle span{color:var(--orange);font-size:18px;margin-left:4px}.mobile-menu{position:fixed;z-index:190;inset:0;background:#080707;visibility:hidden;opacity:0;transition:opacity .45s var(--ease),visibility .45s;padding:120px var(--pad) 40px;overflow:hidden}.mobile-menu.open{visibility:visible;opacity:1}.mobile-menu nav{position:relative;z-index:2;display:grid}.mobile-menu nav a{font-family:var(--display);font-size:clamp(48px,13vw,90px);font-weight:800;line-height:.95;padding:7px 0;border-bottom:1px solid var(--line);text-transform:uppercase}.mobile-menu nav span{font-family:var(--body);font-size:10px;color:var(--orange);margin-right:12px}.mobile-social{position:absolute;bottom:35px;left:var(--pad);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.mobile-menu-glow{position:absolute;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,var(--pink),transparent 70%);filter:blur(70px);opacity:.18;right:-20vw;bottom:-20vw}
.hero{height:190vh;min-height:1180px;position:relative;background:#080707;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:9vw 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 88%);pointer-events:none}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.glow{position:absolute;border-radius:50%;filter:blur(110px);will-change:transform;mix-blend-mode:screen}.glow-orange{width:48vw;height:48vw;background:var(--orange);left:50%;top:2%;opacity:.18;animation:floatA 14s ease-in-out infinite alternate}.glow-pink{width:36vw;height:36vw;background:var(--pink);left:24%;top:23%;opacity:.11;animation:floatB 16s ease-in-out infinite alternate}.glow-cyan{width:34vw;height:34vw;background:var(--cyan);right:19%;top:25%;opacity:.11;animation:floatA 19s ease-in-out infinite alternate-reverse}.hero-stage{position:sticky;top:0;height:100svh;min-height:700px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:1;padding-top:88px}.hero-center{position:relative;z-index:4;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;transform:translateY(-1.5vh)}.hero-emblem{--mx:0px;--my:0px;position:relative;z-index:3;width:clamp(260px,29vw,480px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;transform:translate3d(var(--mx),var(--my),0)}.hero-emblem img{position:relative;z-index:4;width:74%;max-height:82%;object-fit:contain;filter:drop-shadow(0 25px 55px rgba(0,0,0,.55));animation:emblemIn 1.25s .12s var(--ease2) both}.emblem-halo{position:absolute;z-index:0;width:76%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 190deg,var(--orange),var(--pink) 33%,var(--cyan) 62%,transparent 78%);filter:blur(44px);opacity:.28;animation:haloSpin 22s linear infinite}.emblem-orbits{position:absolute;z-index:2;inset:-15%;border-radius:50%;will-change:transform,opacity}.emblem-ring{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(242,240,235,.12);box-shadow:inset 0 0 40px rgba(255,255,255,.012)}.ring-middle{inset:12%;border-color:rgba(255,100,23,.2)}.ring-inner{inset:24%;border-color:rgba(0,207,232,.15);border-style:dashed}.emblem-ring:after{content:"";position:absolute;inset:7%;border-radius:50%;border-top:1px solid rgba(255,255,255,.065);transform:rotate(24deg)}.orbit-node{position:absolute;width:7px;height:7px;border-radius:50%;z-index:6}.node-orange{left:-3px;top:50%;background:var(--orange);box-shadow:0 0 22px var(--orange);animation:nodePulse 2.4s ease-in-out infinite}.node-cyan{right:9%;top:17%;background:var(--cyan);box-shadow:0 0 22px var(--cyan);animation:nodePulse 2.9s .5s ease-in-out infinite}.node-pink{left:20%;bottom:7%;background:var(--pink);box-shadow:0 0 22px var(--pink);animation:nodePulse 3.2s 1s ease-in-out infinite}.orbit-plane-track{position:absolute;inset:4%;z-index:8;border-radius:50%;animation:planeOrbit 16s linear infinite;will-change:transform}.orbit-plane{position:absolute;left:50%;top:-12px;width:32px;height:32px;transform:translateX(-50%) rotate(90deg);filter:drop-shadow(0 0 8px rgba(0,207,232,.65));color:#e8e8e8}.orbit-plane svg{width:100%;height:100%;fill:currentColor}.orbit-plane i{position:absolute;right:22px;top:14px;width:38px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,207,232,.65));filter:blur(.3px);transform:rotate(180deg);transform-origin:right center}.hero-copy{position:relative;z-index:5;margin-top:clamp(10px,1.8vh,20px);display:flex;flex-direction:column;align-items:center;will-change:transform,opacity}.hero-title{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(50px,5.8vw,96px);line-height:.84;letter-spacing:-.04em;text-transform:uppercase;max-width:1100px}.hero-title .line{display:block;overflow:hidden;padding-bottom:.05em}.hero-title .line>span{display:block;transform:translateY(112%);animation:titleIn .85s var(--ease2) forwards}.hero-title .line:nth-child(2)>span{animation-delay:.11s}.hero-title .accent{color:var(--orange);text-shadow:0 0 40px rgba(255,100,23,.16)}.hero-lede{max-width:690px;margin:22px auto 0;color:#c9c2bb;font-size:clamp(14px,1.15vw,18px);line-height:1.6;text-wrap:balance;animation:fadeIn .8s .42s var(--ease) both;will-change:transform,opacity}.hero-bottom{position:absolute;z-index:7;left:0;right:0;bottom:24px;width:100%;will-change:transform,opacity}.artist-marquee{width:100%;overflow:hidden;border-top:1px solid rgba(242,240,235,.14);border-bottom:1px solid rgba(242,240,235,.14);padding:13px 0;background:linear-gradient(90deg,rgba(8,7,7,.15),rgba(8,7,7,.42),rgba(8,7,7,.15));backdrop-filter:blur(3px)}.marquee-track{display:flex;align-items:center;gap:25px;width:max-content;animation:marquee 28s linear infinite;font-family:var(--display);font-size:clamp(15px,1.25vw,20px);font-weight:700;letter-spacing:.025em;white-space:nowrap}.marquee-track i{font-style:normal;color:var(--orange);font-family:var(--body);font-weight:500}.hero-transition{position:absolute;z-index:2;left:50%;top:48%;width:min(58vw,900px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.55);opacity:0;pointer-events:none;will-change:transform,opacity}.transition-ring{position:absolute;inset:0;border:1px solid rgba(255,100,23,.18);border-radius:50%;box-shadow:0 0 80px rgba(255,100,23,.03)}.ring-two{inset:14%;border-color:rgba(0,207,232,.13)}
.section-head{padding-top:150px;padding-bottom:75px;display:flex;justify-content:space-between;align-items:flex-end}.section-head h2,.about-heading h2,.scene-title-wrap h2,.booking h2{font-family:var(--display);font-size:clamp(70px,8.5vw,150px);line-height:.78;letter-spacing:-.045em;margin:0;text-transform:uppercase}.section-meta{text-align:right;font-size:9px;line-height:1.7;letter-spacing:.15em;color:var(--muted);margin:0}.roster{background:linear-gradient(180deg,#090707 0,#0b0708 100%);padding-bottom:160px}.artist-list{display:grid;gap:26px}.artist-card{--artist-accent:var(--orange);position:relative;min-height:430px;height:min(62vh,650px);overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;display:grid;grid-template-columns:90px 1fr minmax(310px,42%);align-items:stretch;isolation:isolate;outline:none;transition:border-color .35s}.artist-card:nth-child(2){--artist-accent:var(--pink)}.artist-card:nth-child(3){--artist-accent:var(--cyan)}.artist-card:nth-child(4){--artist-accent:var(--violet)}.artist-card:focus-visible{box-shadow:0 0 0 2px var(--artist-accent) inset}.artist-color{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 76% 50%,color-mix(in srgb,var(--artist-accent) 35%,transparent),transparent 47%);opacity:.28;transform:scale(.9);transition:opacity .55s,transform .7s var(--ease)}.artist-card:hover .artist-color,.artist-card:focus-within .artist-color{opacity:.65;transform:scale(1.12)}.artist-number{padding:34px 0 0 4px;font-size:10px;letter-spacing:.17em;color:var(--artist-accent)}.artist-name{position:relative;z-index:3;display:flex;justify-content:center;flex-direction:column;padding-left:4vw;font-family:var(--display);text-transform:uppercase;line-height:.76;pointer-events:none}.artist-name span,.artist-name strong{font-size:clamp(65px,8vw,135px);font-weight:900;letter-spacing:-.045em}.artist-name strong{color:transparent;-webkit-text-stroke:1px rgba(242,240,235,.7);transition:color .45s,-webkit-text-stroke .45s,transform .55s var(--ease)}.artist-card:hover .artist-name strong,.artist-card:focus-within .artist-name strong{color:var(--white);-webkit-text-stroke-color:transparent;transform:translateX(12px)}.artist-media{position:relative;overflow:hidden;margin:28px 0;height:calc(100% - 56px);background:#111}.artist-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,7,.32),transparent 50%),linear-gradient(0deg,rgba(8,7,7,.45),transparent 45%);pointer-events:none}.artist-media img,.artist-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),opacity .5s;filter:saturate(.9) contrast(1.06)}.artist-media video{opacity:0}.artist-card:hover .artist-media img,.artist-card:focus-within .artist-media img{transform:scale(1.04)}.artist-card.previewing .artist-media img{opacity:0}.artist-card.previewing .artist-media video{opacity:1}.artist-card-foot{position:absolute;z-index:5;left:90px;right:0;bottom:0;height:70px;padding:0 24px 0 4vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:var(--muted)}.artist-card-foot button{border:0;background:none;color:var(--white);cursor:pointer;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.artist-card-foot b{font-size:18px;color:var(--artist-accent);margin-left:8px}



.booking{position:relative;min-height:100vh;background:var(--orange);color:#090707;overflow:hidden;display:flex;align-items:center}.booking-orbit{position:absolute;width:min(70vw,1000px);aspect-ratio:1;border:1px solid rgba(8,7,7,.23);border-radius:50%;right:-18%;top:-40%;box-shadow:0 0 0 120px rgba(8,7,7,.025),0 0 0 240px rgba(8,7,7,.018)}.booking-inner{position:relative;z-index:2;padding-top:120px;padding-bottom:90px}.booking .section-index{color:#090707;opacity:.7}.booking h2{font-size:clamp(80px,10vw,180px)}.booking h2 span{color:transparent;-webkit-text-stroke:1.5px #090707}.booking-bottom{margin-top:75px;padding-top:30px;border-top:1px solid rgba(8,7,7,.32);display:grid;grid-template-columns:1fr 1.25fr;gap:7vw}.booking-bottom>p{max-width:440px;font-size:16px;line-height:1.55}.booking-links{display:grid}.booking-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(8,7,7,.3);padding:17px 0;font-family:var(--display);font-size:28px;font-weight:800}.booking-links small{font-family:var(--body);font-size:8px;letter-spacing:.12em;font-weight:500}.booking-disabled{opacity:.45;cursor:not-allowed}
.artist-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080707;color:var(--white);overflow:hidden;opacity:0;transform:scale(.985);transition:opacity .45s var(--ease),transform .55s var(--ease)}.artist-dialog[open]{opacity:1;transform:none}.artist-dialog::backdrop{background:rgba(0,0,0,.88)}.artist-dialog-shell{min-height:100%;display:grid;grid-template-rows:80px 1fr 70px;position:relative}.artist-dialog-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,var(--dialog-accent,rgba(255,100,23,.35)),transparent 35%);opacity:.35;pointer-events:none}.dialog-header{position:relative;z-index:3;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad)}.dialog-brand{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.13em}.dialog-brand img{width:38px}.dialog-count{font-size:9px;letter-spacing:.16em;color:var(--muted)}.dialog-close{border:0;background:none;color:var(--white);cursor:pointer;font-size:9px;letter-spacing:.15em}.dialog-close b{color:var(--orange);font-size:17px;margin-left:5px}.dialog-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;min-height:0}.dialog-copy{padding:8vh var(--pad);display:flex;flex-direction:column;justify-content:center}.dialog-tag{font-size:9px;letter-spacing:.18em;color:var(--orange)}.dialog-copy h2{font-family:var(--display);font-size:clamp(80px,9vw,160px);line-height:.74;letter-spacing:-.045em;text-transform:uppercase;margin:16px 0 34px;max-width:780px}.dialog-bio{max-width:620px;color:#c1bab3;line-height:1.65;font-size:14px}.dialog-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.dialog-highlights span{border:1px solid var(--line);padding:8px 10px;font-size:8px;letter-spacing:.12em}.dialog-links{display:flex;gap:25px;margin-top:38px}.dialog-links a{font-size:9px;letter-spacing:.14em;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px}.dialog-media{min-height:0;overflow:hidden;margin:28px 28px 28px 0}.dialog-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08)}.dialog-footer{position:relative;z-index:3;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:0 var(--pad)}.dialog-footer button{border:0;background:none;color:var(--white);font-size:9px;letter-spacing:.14em;cursor:pointer}
@keyframes titleIn{to{transform:translateY(0)}}@keyframes emblemIn{from{opacity:0;transform:scale(1.1);filter:blur(14px)}to{opacity:1;transform:none;filter:drop-shadow(0 25px 55px rgba(0,0,0,.55))}}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes haloSpin{to{transform:rotate(360deg)}}@keyframes planeOrbit{to{transform:rotate(360deg)}}@keyframes nodePulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1.15);opacity:1}}@keyframes floatA{to{transform:translate3d(-4vw,3vh,0) scale(1.06)}}@keyframes floatB{to{transform:translate3d(3vw,-2vh,0) scale(.94)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media (pointer:fine){.cursor{display:block}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.site-header{height:72px}.brand img{width:36px;height:36px}.hero{height:auto;min-height:100svh;padding-bottom:80px}.hero-grid{position:relative;height:auto;min-height:100svh;display:block;padding-top:150px}.hero-copy{max-width:100%}.hero-title{font-size:clamp(60px,18vw,110px);line-height:.79}.hero-lede{max-width:90%;font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-emblem{position:absolute;width:62vw;right:-14vw;top:72px;opacity:.5;z-index:1}.hero-copy{z-index:3}.emblem-tag,.orbit{display:none}.hero-bottom{position:relative;left:auto;transform:none;bottom:auto;margin-top:65px;padding:0 var(--pad);display:block}.scroll-cue{margin-top:18px;justify-content:flex-end}.artist-marquee{margin-inline:calc(var(--pad)*-1);padding-left:var(--pad)}.hero-transition-word{display:none}.section-head{padding-top:110px;padding-bottom:45px;align-items:flex-start}.section-head h2,.about-heading h2,.scene-title-wrap h2,.booking h2{font-size:clamp(58px,17vw,104px)}.section-meta{display:none}.roster{padding-bottom:100px}.artist-list{gap:18px}.artist-card{height:68svh;min-height:500px;display:block}.artist-number{position:absolute;z-index:6;top:16px;left:16px;padding:0}.artist-name{position:absolute;z-index:5;left:18px;right:18px;bottom:80px;padding:0}.artist-name span,.artist-name strong{font-size:clamp(58px,17vw,96px)}.artist-media{position:absolute;inset:0;margin:0;height:100%}.artist-media:after{background:linear-gradient(0deg,rgba(8,7,7,.95),transparent 55%),linear-gradient(180deg,rgba(8,7,7,.32),transparent 25%)}.artist-card-foot{left:0;height:64px;padding:0 18px}.services{padding-bottom:110px}.services-head{padding-top:110px}.service-item button{min-height:92px;grid-template-columns:45px 1fr 25px}.service-item strong{font-size:clamp(36px,10vw,58px)}.service-item em{display:block;margin:6px 0 0;font-size:7px}.service-panel>div{padding-left:45px;grid-template-columns:1fr}.service-panel span{display:none}.scene{min-height:auto;padding-top:110px;padding-bottom:100px}.scene-canvas{min-height:auto;margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-media{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;transform:none!important;aspect-ratio:9/13}.scene-b,.scene-d{margin-top:60px}.scene-statement{position:relative;right:auto;bottom:auto;grid-column:1/-1;margin:48px 0 0;font-size:38px}.booking{min-height:90svh}.booking-inner{padding-top:100px}.booking-bottom{grid-template-columns:1fr;margin-top:45px}.footer-grid{grid-template-columns:1fr;align-items:start}.footer-meta{justify-items:start}.artist-dialog-shell{grid-template-rows:68px 1fr 60px;overflow:auto}.dialog-content{display:block}.dialog-copy{padding:45px var(--pad) 30px}.dialog-copy h2{font-size:clamp(65px,18vw,105px)}.dialog-media{height:45vh;margin:0 var(--pad) 28px}.dialog-header{position:sticky;top:0;background:rgba(8,7,7,.85);backdrop-filter:blur(12px)}.dialog-count{display:none}}
@media(max-width:520px){.hero-title{font-size:16.6vw}.hero-lede{max-width:100%}.btn{width:100%}.text-link{width:max-content}.section-index{margin-bottom:15px}.service-item button>span{font-size:8px}.scene-title-wrap h2{font-size:18vw}.booking h2{font-size:18vw}.booking-links a{font-size:23px}.footer{padding:50px 0}.footer-brand img{width:54px}}

@media(max-width:900px){
  .hero{height:auto;min-height:100svh;padding:0}
  .hero-stage{position:relative;min-height:100svh;height:auto;padding:105px 0 82px;overflow:hidden}
  .hero-center{transform:none;justify-content:flex-start}
  .hero-emblem{position:relative;right:auto;top:auto;opacity:1;z-index:3;width:min(72vw,360px)}
  .emblem-orbits{inset:-10%}
  .orbit-plane{width:27px;height:27px;top:-10px}
  .hero-copy{margin-top:12px}
  .hero-title{font-size:clamp(48px,14.8vw,82px);line-height:.86}
  .hero-lede{max-width:88%;font-size:14px;margin-top:17px}
  .hero-bottom{position:absolute;left:0;right:0;transform:none;margin:0;padding:0;bottom:15px}
  .artist-marquee{margin:0;padding-left:0}
  .marquee-track{font-size:15px;gap:20px}
  .hero-transition{display:none}
}
@media(max-width:520px){
  .hero-stage{padding-top:92px}
  .hero-emblem{width:min(76vw,315px)}
  .hero-title{font-size:14.8vw}
  .hero-lede{max-width:94%;font-size:13.5px;line-height:1.55}
  .artist-marquee{padding:11px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.glow,.emblem-halo,.marquee-track,.orbit-plane-track,.orbit-node{animation:none!important}.cursor{display:none!important}}

@media (min-width:901px) and (max-height:800px){
  .hero-emblem{width:clamp(235px,25vw,350px)}
  .hero-title{font-size:clamp(46px,5vw,76px)}
  .hero-lede{margin-top:14px;font-size:14px;max-width:620px}
  .hero-bottom{bottom:14px}
  .artist-marquee{padding:10px 0}
}

/* HERO — optical alignment & spacing refinement */
@media (min-width:901px){
  /* The source logo includes the wordmark below the globe, so its visual center
     sits above the geometric center of the PNG. This optical correction aligns
     the globe itself with the orbital system. */
  .hero-emblem img{
    top:4.5%;
    left:.35%;
  }

  /* Keep the whole composition clear of the bottom marquee on shorter screens. */
  .hero-center{
    transform:translateY(-4.5vh);
  }

  /* Bring the statement closer to the mark without making them feel attached. */
  .hero-copy{
    margin-top:clamp(-12px,-.7vh,-4px);
  }

  /* Give the supporting copy its own breathing room and protect it from the marquee. */
  .hero-lede{
    margin-top:clamp(24px,2.8vh,32px);
    max-width:650px;
    line-height:1.62;
  }

  .hero-bottom{
    bottom:10px;
  }
}

@media (min-width:901px) and (max-height:800px){
  .hero-center{transform:translateY(-5.5vh)}
  .hero-copy{margin-top:-8px}
  .hero-lede{margin-top:20px;line-height:1.55;max-width:600px}
  .hero-bottom{bottom:8px}
}

@media(max-width:900px){
  .hero-emblem img{top:3.5%;left:.25%}
  .hero-copy{margin-top:4px}
  .hero-lede{margin-top:22px;line-height:1.6}
}


/* HERO — V3 scale, hierarchy and transparent roster marquee */
@media (min-width:901px){
  .hero-emblem{
    width:clamp(310px,32vw,520px);
  }
  .hero-copy{
    margin-top:clamp(-26px,-1.7vh,-14px);
  }
  .hero-title{
    font-size:clamp(58px,6.35vw,106px);
    line-height:.83;
  }
  .hero-lede{
    margin-top:clamp(26px,2.9vh,34px);
    max-width:700px;
    font-size:clamp(15px,1.22vw,19px);
    line-height:1.65;
    animation:fadeIn .8s .42s var(--ease) backwards;
  }
  .artist-marquee{
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    padding:15px 0;
    border-color:rgba(242,240,235,.16);
  }
  .marquee-track{
    font-size:clamp(18px,1.55vw,25px);
    gap:28px;
    letter-spacing:.02em;
  }
}

@media (min-width:901px) and (max-height:800px){
  .hero-emblem{width:clamp(275px,28vw,400px)}
  .hero-copy{margin-top:-18px}
  .hero-title{font-size:clamp(52px,5.55vw,84px)}
  .hero-lede{margin-top:22px;font-size:15px;max-width:650px}
  .artist-marquee{padding:12px 0}
  .marquee-track{font-size:clamp(17px,1.35vw,22px)}
}

@media(max-width:900px){
  .hero-emblem{width:min(78vw,390px)}
  .hero-copy{margin-top:-2px}
  .hero-title{font-size:clamp(52px,15.8vw,88px)}
  .artist-marquee{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .marquee-track{font-size:17px}
}


/* HERO — V4 polish: headline depth, clean continuous marquee and breathing room */
@media (min-width:901px){
  /* Lift the central composition slightly so the supporting line never competes with the ticker. */
  .hero-center{
    transform:translateY(-6vh);
  }

  .hero-title{
    filter:drop-shadow(0 10px 22px rgba(0,0,0,.46));
  }
  .hero-title .line:first-child > span{
    text-shadow:0 4px 0 rgba(0,0,0,.14),0 12px 28px rgba(0,0,0,.46);
  }
  .hero-title .accent{
    text-shadow:0 4px 0 rgba(104,23,0,.28),0 12px 30px rgba(255,100,23,.20),0 18px 34px rgba(0,0,0,.40);
  }

  .hero-lede{
    margin-top:clamp(28px,3.2vh,38px);
    margin-bottom:clamp(22px,3vh,34px);
  }

  .hero-bottom{
    bottom:10px;
  }

  .artist-marquee{
    border:0;
    padding:16px 0;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  .marquee-track{
    display:flex;
    width:max-content;
    gap:0;
    font-size:clamp(20px,1.68vw,28px);
    animation:marqueeContinuous 30s linear infinite;
    will-change:transform;
  }
  .marquee-group{
    display:flex;
    flex:none;
    align-items:center;
    gap:clamp(24px,2vw,36px);
    padding-right:clamp(24px,2vw,36px);
  }
  .marquee-track span{
    display:inline-block;
    color:var(--white);
    cursor:default;
    transition:color .28s var(--ease),transform .28s var(--ease),text-shadow .28s var(--ease);
  }
  .marquee-track span:hover{
    color:var(--orange);
    transform:translateY(-2px);
    text-shadow:0 0 22px rgba(255,100,23,.32);
  }
  .artist-marquee:hover .marquee-track{
    animation-play-state:paused;
  }
}

@media (min-width:901px) and (max-height:800px){
  .hero-center{transform:translateY(-7vh)}
  .hero-lede{margin-top:22px;margin-bottom:30px}
  .artist-marquee{padding:13px 0}
  .marquee-track{font-size:clamp(18px,1.45vw,24px)}
}

@media(max-width:900px){
  .artist-marquee{border:0;background:transparent}
  .marquee-track{gap:0;animation:marqueeContinuous 28s linear infinite}
  .marquee-group{display:flex;flex:none;align-items:center;gap:20px;padding-right:20px}
  .marquee-track span{transition:color .25s ease}
  .marquee-track span:active{color:var(--orange)}
  .hero-title{filter:drop-shadow(0 8px 18px rgba(0,0,0,.38))}
}

@keyframes marqueeContinuous{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}


/* =========================================================
   ONLY FRIENDS AGENCY — COLOR SYSTEM V5
   Direction: nightlife editorial + burgundy atmosphere +
   chrome structure + cyan / rose / violet light + warm orange
   used only as a small commercial accent.
   ========================================================= */
:root{
  --black:#070506;
  --wine:#180607;
  --burgundy:#35070c;
  --burgundy-deep:#220509;
  --crimson:#8e1420;
  --red:#cf2e3d;
  --white:#f4f1ee;
  --muted:#aaa1a0;
  --chrome:#bfc5cd;
  --orange:#ff7a2d;
  --pink:#ff5d9a;
  --cyan:#16d5f7;
  --violet:#7967ff;
  --line:rgba(244,241,238,.14);
}

html,body{background:var(--black)}
body{
  background:
    radial-gradient(circle at 50% -15%,rgba(77,7,16,.20),transparent 38%),
    var(--black);
}

.site-header.scrolled{
  background:rgba(7,5,6,.80);
  border-color:rgba(255,255,255,.075);
}
.desktop-nav a{color:#ddd7d3}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--white)}
/* Orange remains a tiny continuity cue from the MANAGEMENT artwork. */
.desktop-nav .nav-booking{color:#ff8650}
.desktop-nav .nav-booking:hover,.desktop-nav .nav-booking:focus-visible{color:var(--pink)}
.menu-toggle span,.mobile-menu nav span{color:var(--pink)}
.mobile-menu{background:#080506}
.mobile-menu-glow{
  background:radial-gradient(circle,rgba(142,20,32,.72) 0,rgba(255,93,154,.22) 35%,transparent 70%);
  opacity:.34;
}

.cursor.is-view{background:var(--pink)}

/* HERO — red/burgundy is the atmosphere; bright colors behave like light. */
.hero{
  background:
    radial-gradient(ellipse at 50% 34%,rgba(71,8,15,.18),transparent 45%),
    linear-gradient(180deg,#080506 0%,#070506 72%,#080506 100%);
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 48% 34%,rgba(207,46,61,.10),transparent 22%),
    radial-gradient(circle at 63% 34%,rgba(22,213,247,.055),transparent 25%),
    radial-gradient(circle at 38% 48%,rgba(255,93,154,.055),transparent 30%);
  mix-blend-mode:screen;
}
.glow{filter:blur(125px)}
.glow-orange{
  width:56vw;height:50vw;
  background:#7b101a;
  left:48%;top:3%;
  opacity:.30;
}
.glow-pink{
  width:36vw;height:36vw;
  background:var(--pink);
  left:23%;top:30%;
  opacity:.085;
}
.glow-cyan{
  width:34vw;height:34vw;
  background:var(--cyan);
  right:18%;top:21%;
  opacity:.075;
}

/* The transparent logo can carry more scale without becoming visually heavy. */
@media (min-width:901px){
  .hero-emblem{width:clamp(300px,33vw,540px)}
}
.hero-emblem img{
  filter:
    drop-shadow(0 24px 55px rgba(0,0,0,.62))
    drop-shadow(0 0 18px rgba(22,213,247,.06));
}
.emblem-halo{
  width:80%;
  background:conic-gradient(from 205deg,
    rgba(207,46,61,.88),
    rgba(255,93,154,.72) 27%,
    rgba(121,103,255,.48) 45%,
    rgba(22,213,247,.68) 63%,
    rgba(207,46,61,.34) 79%,
    transparent 92%);
  filter:blur(52px);
  opacity:.22;
}
.emblem-ring{border-color:rgba(197,202,210,.12)}
.ring-middle{border-color:rgba(207,46,61,.24)}
.ring-inner{border-color:rgba(22,213,247,.16)}
.node-orange{background:var(--red);box-shadow:0 0 22px rgba(207,46,61,.82)}
.node-cyan{background:var(--cyan);box-shadow:0 0 22px rgba(22,213,247,.80)}
.node-pink{background:var(--pink);box-shadow:0 0 22px rgba(255,93,154,.78)}
.orbit-plane{filter:drop-shadow(0 0 9px rgba(22,213,247,.70))}
.orbit-plane i{background:linear-gradient(90deg,transparent,rgba(22,213,247,.72))}

.hero-title{color:var(--white)}
.hero-title .accent{
  color:#f45b72;
  background:linear-gradient(92deg,#d83545 0%,#ef4966 46%,#ff6797 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 11px 27px rgba(130,9,25,.24));
}
.hero-lede{color:#c8c0bd}

/* Marquee: no panel; it is part of the atmosphere. */
.artist-marquee{background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.marquee-track span{color:#f0ece9}
.marquee-track i{color:#ff8351}
@media (min-width:901px){
  .marquee-track span:hover{
    color:var(--pink);
    text-shadow:0 0 24px rgba(255,93,154,.28),0 0 38px rgba(22,213,247,.08);
  }
}
@media(max-width:900px){.marquee-track span:active{color:var(--pink)}}

.transition-ring{
  border-color:rgba(207,46,61,.20);
  box-shadow:0 0 90px rgba(142,20,32,.06);
}
.ring-two{border-color:rgba(22,213,247,.14)}

/* ROSTER — dark red connects directly to the supplied artist artwork. */
.roster{
  background:
    radial-gradient(circle at 86% 6%,rgba(105,11,20,.17),transparent 32%),
    linear-gradient(180deg,#090506 0%,#100608 42%,#080506 100%);
}
.artist-card{
  border-color:rgba(255,255,255,.10);
  background:#0c0809;
  box-shadow:0 28px 80px rgba(0,0,0,.18);
}
.artist-card:before{
  background:linear-gradient(115deg,rgba(75,7,15,.20),transparent 46%);
}



/* SERVICES — keep color in interaction, not in static boxes. */
.services{
  background:
    radial-gradient(circle at 82% 20%,rgba(22,213,247,.045),transparent 28%),
    linear-gradient(180deg,#080506,#0c0608);
}
.service-item:before{
  background:linear-gradient(90deg,
    rgba(133,13,26,.28),
    rgba(255,93,154,.10) 45%,
    rgba(22,213,247,.045) 72%,
    transparent 92%);
}
.service-item button>span,.service-item button>b{color:#ff7d4a}
.service-item.open button>b{color:var(--pink)}

/* SCENE — richer lighting can live here because media is the protagonist. */
.scene{
  background:
    radial-gradient(circle at 22% 26%,rgba(133,13,26,.20),transparent 33%),
    radial-gradient(circle at 78% 47%,rgba(121,103,255,.055),transparent 30%),
    #080506;
}
.scene-title-wrap h2 span{color:var(--pink)}
.scene-statement b{color:var(--cyan);font-weight:500}
.scene-media{background:#13090a;border-color:rgba(255,255,255,.09)}

/* BOOKING — no giant orange slab. A strong burgundy close feels premium and still alive. */
.booking{
  background:
    radial-gradient(circle at 78% 28%,rgba(255,93,154,.15),transparent 30%),
    radial-gradient(circle at 22% 76%,rgba(22,213,247,.075),transparent 27%),
    linear-gradient(135deg,#6d0e18 0%,#3b080f 50%,#16060a 100%);
  color:var(--white);
}
.booking:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 42%);
  pointer-events:none;
}
.booking-orbit{
  border-color:rgba(255,255,255,.17);
  box-shadow:0 0 0 120px rgba(255,255,255,.016),0 0 0 240px rgba(22,213,247,.012);
}
.booking .section-index{color:var(--white);opacity:.68}
.booking h2 span{
  color:transparent;
  -webkit-text-stroke:1.35px rgba(244,241,238,.82);
}
.booking-bottom{border-color:rgba(255,255,255,.22)}
.booking-links a{border-color:rgba(255,255,255,.22)}
.booking-links a:not(.booking-disabled){transition:color .25s var(--ease),padding-left .3s var(--ease)}
.booking-links a:not(.booking-disabled):hover{color:var(--cyan);padding-left:8px}

.footer{background:#050405}

/* Artist interface: accent comes from each artist, but the base stays burgundy/black. */
.artist-dialog{
  background:
    radial-gradient(circle at 17% 76%,rgba(91,8,18,.14),transparent 33%),
    #070506;
}
.artist-dialog-shell:before{
  background:radial-gradient(circle at 80% 30%,var(--dialog-accent,rgba(207,46,61,.38)),transparent 35%);
  opacity:.30;
}
.dialog-close b{color:var(--pink)}
.dialog-tag{color:#ff7d4a}

/* Focus stays clearly visible across all colored environments. */
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}

/* =========================================================
   ONLY FRIENDS AGENCY — COLOR / HERO SYSTEM V6
   Final direction: dark burgundy nightlife base + chrome +
   electric cyan as the primary interface accent. Pink remains
   inside the supplied logo artwork only; it is no longer a
   dominant UI color. Orbital nodes are geometrically locked to
   their respective ring paths.
   ========================================================= */
:root{
  --black:#070506;
  --wine:#180607;
  --burgundy:#35070c;
  --burgundy-deep:#220509;
  --crimson:#8e1420;
  --red:#cf2e3d;
  --white:#f4f1ee;
  --muted:#aaa1a0;
  --chrome:#bfc5cd;
  --orange:#ff7a2d;
  --cyan:#20d4f7;
  --cyan-soft:#75e7ff;
  --cyan-deep:#079fc7;
  --violet:#7967ff;
  --pink:#ff5d9a; /* reserved for the artwork itself */
  --line:rgba(244,241,238,.14);
}

/* Global interaction language: cyan is the principal digital accent. */
.desktop-nav .nav-booking{color:var(--orange)}
.desktop-nav .nav-booking:hover,
.desktop-nav .nav-booking:focus-visible{color:var(--cyan)}
.menu-toggle span,
.mobile-menu nav span{color:var(--cyan)}
.mobile-menu-glow{
  background:radial-gradient(circle,rgba(142,20,32,.70) 0,rgba(32,212,247,.18) 37%,rgba(121,103,255,.08) 55%,transparent 72%);
}
.cursor.is-view{background:var(--cyan);color:#041014}

/* Hero atmosphere: warm burgundy base, cool cyan contrast. */
.hero{
  background:
    radial-gradient(ellipse at 50% 31%,rgba(74,8,16,.24),transparent 43%),
    linear-gradient(180deg,#080506 0%,#090507 54%,#070506 100%);
}
.hero:after{
  background:
    radial-gradient(circle at 49% 34%,rgba(207,46,61,.12),transparent 22%),
    radial-gradient(circle at 62% 34%,rgba(32,212,247,.072),transparent 25%),
    radial-gradient(circle at 38% 49%,rgba(121,103,255,.045),transparent 30%);
}
.glow-orange{
  width:56vw;height:50vw;
  background:#76101a;
  left:48%;top:3%;opacity:.31;
}
.glow-pink{
  width:33vw;height:33vw;
  background:var(--violet);
  left:24%;top:31%;opacity:.045;
}
.glow-cyan{
  width:38vw;height:38vw;
  background:var(--cyan);
  right:16%;top:19%;opacity:.095;
}

/* Make the supplied transparent logo visually dominant without
   forcing the whole layout to become taller. */
.hero-emblem img{
  width:98%;
  max-height:94%;
  filter:
    drop-shadow(0 26px 58px rgba(0,0,0,.64))
    drop-shadow(0 0 20px rgba(32,212,247,.08));
}
@media (min-width:901px){
  .hero-emblem{width:clamp(330px,35vw,575px)}
}
@media (min-width:901px) and (max-height:800px){
  .hero-emblem{width:clamp(315px,31vw,450px)}
  .hero-center{transform:translateY(-7.5vh)}
  .hero-copy{margin-top:-24px}
}
@media(max-width:900px){
  .hero-emblem{width:min(82vw,410px)}
  .hero-emblem img{width:96%;max-height:92%}
}

/* Cyan statement: clear contrast against the red/burgundy atmosphere. */
.hero-title .accent{
  color:var(--cyan);
  background:linear-gradient(92deg,var(--cyan-soft) 0%,var(--cyan) 46%,#13bce7 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 10px 25px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(32,212,247,.12));
}
.hero-lede{color:#cbc4c1}

/* Halo mirrors the logo and surrounding atmosphere without pink becoming UI. */
.emblem-halo{
  background:conic-gradient(from 205deg,
    rgba(207,46,61,.88),
    rgba(121,103,255,.34) 30%,
    rgba(32,212,247,.72) 56%,
    rgba(207,46,61,.38) 78%,
    transparent 93%);
  opacity:.23;
}
.emblem-ring{border-color:rgba(197,202,210,.13)}
.ring-middle{border-color:rgba(207,46,61,.25)}
.ring-inner{border-color:rgba(32,212,247,.20)}

/* Orbit nodes: each span is now a circular track whose dot is
   mathematically centered on the matching ring stroke. */
.orbit-node{
  width:auto!important;
  height:auto!important;
  border-radius:50%;
  background:none!important;
  box-shadow:none!important;
  animation:none!important;
  z-index:7;
  pointer-events:none;
}
.orbit-node::before{
  content:"";
  position:absolute;
  left:50%;
  top:-4px;
  width:8px;
  height:8px;
  border-radius:50%;
  transform:translateX(-50%);
  background:currentColor;
  box-shadow:0 0 18px currentColor;
  animation:v6NodePulse 2.8s ease-in-out infinite;
}
.node-orange{
  inset:0!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  color:var(--red);
  transform:rotate(-90deg);
}
.node-cyan{
  inset:12%!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  color:var(--cyan);
  transform:rotate(47deg);
}
.node-pink{
  inset:24%!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  color:var(--violet);
  transform:rotate(218deg);
}
.node-cyan::before{animation-delay:.4s}
.node-pink::before{animation-delay:.8s}
@keyframes v6NodePulse{
  0%,100%{opacity:.70;transform:translateX(-50%) scale(.82)}
  50%{opacity:1;transform:translateX(-50%) scale(1.12)}
}

.orbit-plane{filter:drop-shadow(0 0 10px rgba(32,212,247,.72))}
.orbit-plane i{background:linear-gradient(90deg,transparent,rgba(32,212,247,.76))}

/* Marquee: cyan interaction, orange only as a tiny continuity marker. */
.marquee-track span{color:#f1eeeb}
.marquee-track i{color:var(--cyan);opacity:.92}
@media (min-width:901px){
  .marquee-track span:hover{
    color:var(--cyan);
    transform:translateY(-2px);
    text-shadow:0 0 22px rgba(32,212,247,.28),0 0 38px rgba(32,212,247,.08);
  }
}
@media(max-width:900px){.marquee-track span:active{color:var(--cyan)}}

/* Roster — artist color is varied, but cyan replaces pink as the main cool accent. */
.artist-card:nth-child(1){--artist-accent:#d13a46}
.artist-card:nth-child(2){--artist-accent:var(--cyan)}
.artist-card:nth-child(3){--artist-accent:var(--violet)}
.artist-card:nth-child(4){--artist-accent:#ff8751}

/* Supporting sections keep the red atmosphere but use cyan for active UI. */

.service-item.open button>b{color:var(--cyan)}
.scene-title-wrap h2 span{color:var(--cyan)}
.dialog-close b{color:var(--cyan)}

/* Booking remains warm and brand-connected; interactions shift cool. */
.booking{
  background:
    radial-gradient(circle at 78% 28%,rgba(32,212,247,.085),transparent 30%),
    radial-gradient(circle at 22% 76%,rgba(121,103,255,.055),transparent 27%),
    linear-gradient(135deg,#6d0e18 0%,#3b080f 50%,#16060a 100%);
}

:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}

/* =========================================================
   ONLY FRIENDS AGENCY — HERO / COLOR POLISH V7
   Requested polish:
   - restore visible orbit nodes locked to their ring paths
   - increase separation between supporting copy and marquee
   - enlarge navbar identity
   - remove orange from Booking navigation
   - reinforce dark red / burgundy as the dominant atmosphere
   ========================================================= */

/* 1) Navbar: stronger brand presence and cyan Booking accent. */
@media (min-width:901px){
  .brand{gap:12px}
  .brand img{width:52px;height:52px}
}
.desktop-nav .nav-booking{color:var(--cyan)}
.desktop-nav .nav-booking:hover,
.desktop-nav .nav-booking:focus-visible{
  color:var(--cyan-soft);
  text-shadow:0 0 16px rgba(32,212,247,.20);
}

/* 2) Red / burgundy becomes the dominant atmosphere.
      Cyan remains a cold digital counterpoint rather than a competing field. */
.hero{
  background:
    radial-gradient(ellipse at 50% 34%,rgba(112,12,24,.31),transparent 40%),
    radial-gradient(ellipse at 74% 54%,rgba(82,7,17,.18),transparent 34%),
    linear-gradient(180deg,#080405 0%,#100507 46%,#090405 100%);
}
.hero:after{
  background:
    radial-gradient(circle at 50% 33%,rgba(190,26,42,.17),transparent 24%),
    radial-gradient(circle at 66% 38%,rgba(32,212,247,.055),transparent 22%),
    radial-gradient(circle at 31% 54%,rgba(121,103,255,.032),transparent 28%);
}
.glow-orange{
  width:58vw;height:54vw;
  background:#8e1321;
  left:44%;top:2%;opacity:.38;
}
.glow-pink{
  width:38vw;height:35vw;
  background:#510812;
  left:20%;top:31%;opacity:.20;
}
.glow-cyan{
  width:31vw;height:31vw;
  background:var(--cyan);
  right:18%;top:22%;opacity:.062;
}
.emblem-halo{
  background:conic-gradient(from 205deg,
    rgba(207,46,61,.94),
    rgba(111,11,26,.74) 28%,
    rgba(121,103,255,.22) 44%,
    rgba(32,212,247,.60) 61%,
    rgba(164,18,34,.62) 79%,
    transparent 93%);
  opacity:.27;
}
.ring-middle{border-color:rgba(207,46,61,.30)}
.ring-inner{border-color:rgba(32,212,247,.18)}

/* 3) Orbit nodes: explicit circular tracks so every dot sits exactly on a ring. */
.orbit-node{
  position:absolute!important;
  display:block!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none;
  overflow:visible;
  z-index:9;
  animation:none!important;
}
.orbit-node::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:8px;
  height:8px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:currentColor;
  box-shadow:0 0 7px currentColor,0 0 18px color-mix(in srgb,currentColor 70%,transparent);
  opacity:.98;
  animation:v7NodePulse 2.8s ease-in-out infinite;
}
.node-orange{
  width:100%!important;height:100%!important;
  left:0!important;top:0!important;right:auto!important;bottom:auto!important;
  color:#cf2e3d;
  transform:rotate(-86deg)!important;
}
.node-cyan{
  width:76%!important;height:76%!important;
  left:12%!important;top:12%!important;right:auto!important;bottom:auto!important;
  color:var(--cyan);
  transform:rotate(48deg)!important;
}
.node-pink{
  width:52%!important;height:52%!important;
  left:24%!important;top:24%!important;right:auto!important;bottom:auto!important;
  color:#b7bdc7;
  transform:rotate(218deg)!important;
}
.node-cyan::before{animation-delay:.42s}
.node-pink::before{animation-delay:.84s}
@keyframes v7NodePulse{
  0%,100%{opacity:.72;scale:.88}
  50%{opacity:1;scale:1.14}
}

/* 4) Give the supporting sentence more breathing room above the ticker.
      The whole content cluster rises; the ticker keeps the viewport edge. */
@media (min-width:901px){
  .hero-center{transform:translateY(-8.2vh)}
  .hero-bottom{bottom:2px}
  .hero-lede{margin-top:clamp(28px,3vh,36px)}
}
@media (min-width:901px) and (max-height:800px){
  .hero-center{transform:translateY(-9.3vh)}
  .hero-bottom{bottom:0}
}

/* Preserve the cyan roster language while the surrounding atmosphere stays red. */
.marquee-track i{color:var(--cyan)}
@media (min-width:901px){
  .marquee-track span:hover{
    color:var(--cyan-soft);
    text-shadow:0 0 22px rgba(32,212,247,.28),0 0 38px rgba(32,212,247,.08);
  }
}

/* Red atmosphere continues into supporting sections so the page remains connected
   to the supplied Only Friends artist artwork rather than turning into a cyan site. */
.roster{
  background:
    radial-gradient(circle at 78% 8%,rgba(111,11,24,.15),transparent 26%),
    linear-gradient(180deg,#090506 0%,#100608 48%,#080506 100%);
}

.services{
  background:
    radial-gradient(circle at 84% 25%,rgba(134,14,27,.13),transparent 26%),
    #080506;
}
.booking{
  background:
    radial-gradient(circle at 78% 28%,rgba(32,212,247,.060),transparent 28%),
    radial-gradient(circle at 22% 72%,rgba(184,23,38,.22),transparent 31%),
    linear-gradient(135deg,#77101d 0%,#430a12 47%,#180609 100%);
}

/* =========================================================
   ROSTER V8 — ARTISTA 01 / FACU GONZALEZ
   First finished roster system. The remaining artists keep the
   previous structure until their own assets/content are approved.
   ========================================================= */

/* Facu becomes artist 01 and uses the cyan/red Only Friends language. */
.artist-card--facu{
  --artist-accent:var(--cyan);
  min-height:520px;
  height:min(66vh,690px);
  grid-template-columns:90px minmax(0,1fr) minmax(390px,43%);
  background:
    radial-gradient(circle at 82% 46%,rgba(121,13,25,.26),transparent 35%),
    linear-gradient(90deg,rgba(7,5,6,.98) 0%,rgba(11,5,7,.94) 52%,rgba(24,6,10,.76) 100%);
}
.artist-card--facu .artist-color{
  background:
    radial-gradient(circle at 76% 50%,rgba(157,18,31,.36),transparent 42%),
    radial-gradient(circle at 84% 34%,rgba(32,212,247,.09),transparent 26%);
  opacity:.48;
}
.artist-card--facu:hover .artist-color,
.artist-card--facu:focus-within .artist-color{opacity:.82;transform:scale(1.08)}

.artist-card--facu .artist-number{
  color:var(--cyan);
  white-space:nowrap;
  font-size:9px;
}
.artist-card--facu .artist-name{
  padding-left:clamp(30px,4vw,72px);
  padding-bottom:40px;
  justify-content:center;
}
.artist-card--facu .artist-name span,
.artist-card--facu .artist-name strong{
  font-size:clamp(72px,8.4vw,142px);
}
.artist-card--facu .artist-name span{
  color:#e9e6e2;
  transition:color .4s ease,transform .55s var(--ease),text-shadow .45s ease;
}
.artist-card--facu .artist-name strong{
  -webkit-text-stroke-color:rgba(235,232,228,.62);
}
.artist-card--facu:hover .artist-name span,
.artist-card--facu:focus-within .artist-name span{
  color:#fff;
  transform:translateX(6px);
  text-shadow:0 10px 32px rgba(0,0,0,.42);
}
.artist-card--facu:hover .artist-name strong,
.artist-card--facu:focus-within .artist-name strong{
  color:#fff;
  transform:translateX(16px);
  text-shadow:0 10px 32px rgba(0,0,0,.42);
}

.artist-meta{
  position:absolute;
  z-index:6;
  left:calc(90px + clamp(30px,4vw,72px));
  bottom:88px;
  display:flex;
  gap:18px;
  align-items:center;
  color:#8f8986;
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:color .35s ease,transform .45s var(--ease);
}
.artist-meta span+span:before{
  content:"";
  display:inline-block;
  width:18px;
  height:1px;
  margin:0 18px 3px 0;
  background:rgba(255,255,255,.24);
}
.artist-card--facu:hover .artist-meta,
.artist-card--facu:focus-within .artist-meta{
  color:#c9c4bf;
  transform:translateX(8px);
}

/* The photo is treated as material, not as an embedded Instagram artwork. */
.artist-card--facu .artist-media{
  margin:20px 0 20px 0;
  height:calc(100% - 40px);
  background:#14070a;
  isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.76) 12%,#000 27%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.76) 12%,#000 27%,#000 100%);
}
.artist-card--facu .artist-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,5,6,.34),transparent 34%),
    linear-gradient(0deg,rgba(9,5,6,.42),transparent 32%);
  transition:opacity .45s ease;
}
.artist-card--facu .artist-media:after{
  background:radial-gradient(circle at 82% 44%,rgba(32,212,247,.06),transparent 35%);
  z-index:4;
}
.artist-card--facu .artist-media img,
.artist-card--facu .artist-media video{
  object-position:50% 42%;
  filter:saturate(.92) contrast(1.08) brightness(.89);
  transform:scale(1.015);
  transition:opacity .48s ease,transform 1s var(--ease),filter .6s ease;
}
.artist-card--facu .artist-media video{
  opacity:0;
  filter:saturate(.9) contrast(1.08) brightness(.82);
}
.artist-card--facu:hover .artist-media img,
.artist-card--facu:focus-within .artist-media img{transform:scale(1.04)}
.artist-card--facu.previewing .artist-media img{opacity:0;transform:scale(1.04)}
.artist-card--facu.previewing .artist-media video{opacity:1;transform:scale(1.025);filter:saturate(.98) contrast(1.1) brightness(.9)}
.artist-card--facu.previewing .artist-media:before{opacity:.58}

.artist-media-label{
  position:absolute;
  z-index:8;
  right:18px;
  top:18px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(6,5,6,.48);
  backdrop-filter:blur(8px);
  color:#d6d1cd;
  font-size:7px;
  line-height:1;
  letter-spacing:.16em;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .35s ease,transform .4s var(--ease);
}
.artist-card--facu.previewing .artist-media-label{opacity:1;transform:none}

.artist-card--facu .artist-card-foot button{
  display:flex;
  align-items:center;
  gap:3px;
  transition:color .3s ease,transform .4s var(--ease);
}
.artist-card--facu .artist-card-foot button b{
  color:var(--cyan);
  transition:transform .4s var(--ease),color .3s ease;
}
.artist-card--facu:hover .artist-card-foot button,
.artist-card--facu:focus-within .artist-card-foot button{transform:translateX(-4px);color:#fff}
.artist-card--facu:hover .artist-card-foot button b,
.artist-card--facu:focus-within .artist-card-foot button b{transform:rotate(45deg) scale(1.06);color:var(--cyan-soft)}

/* Facu's fullscreen artist interface: agency UI first, personal identity second. */
.dialog-artist-brand{
  width:min(190px,34vw);
  margin:0 0 22px;
  opacity:.92;
}
.dialog-artist-brand[hidden]{display:none!important}
.dialog-artist-brand img{display:block;width:100%;height:auto}
.dialog-media{position:relative}
.dialog-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(5,4,5,.54),transparent 34%),radial-gradient(circle at 75% 20%,rgba(32,212,247,.09),transparent 28%);
}
.dialog-media-caption{
  position:absolute;
  z-index:3;
  left:18px;
  right:18px;
  bottom:16px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#d7d2cd;
  font-size:7px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.artist-dialog[open]{--dialog-accent:rgba(32,212,247,.40)}
.dialog-tag{color:var(--cyan)}
.dialog-highlights span{background:rgba(255,255,255,.018);backdrop-filter:blur(3px)}
.dialog-links a:first-child{color:var(--cyan-soft)}

@media (min-width:901px){
  .artist-card--facu .artist-card-foot{left:90px}
}

@media (max-width:900px){
  .artist-card--facu{
    height:72svh;
    min-height:560px;
    display:block;
    background:#0b0607;
  }
  .artist-card--facu .artist-media{
    position:absolute;
    inset:0;
    margin:0;
    height:100%;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .artist-card--facu .artist-media img{object-position:54% 36%;filter:saturate(.88) contrast(1.1) brightness(.76)}
  .artist-card--facu .artist-media:before{
    background:linear-gradient(0deg,rgba(7,4,5,.98) 0%,rgba(9,4,6,.68) 35%,transparent 67%),linear-gradient(180deg,rgba(7,4,5,.28),transparent 25%);
  }
  .artist-card--facu .artist-name{
    left:18px;right:18px;bottom:112px;padding:0;
  }
  .artist-card--facu .artist-name span,
  .artist-card--facu .artist-name strong{font-size:clamp(64px,18vw,100px)}
  .artist-card--facu .artist-meta{
    left:18px;
    bottom:76px;
    gap:10px;
  }
  .artist-meta span+span:before{width:10px;margin-right:10px}
  .artist-card--facu .artist-number{top:18px;left:18px}
  .artist-media-label{display:none}
  .dialog-artist-brand{width:145px;margin-bottom:16px}
  .dialog-media-caption{font-size:6px}
}

/* =========================================================
   ROSTER V9 — MICROAJUSTE CURSOR "VER"
   Se mantiene el comportamiento de hover aprobado, pero el
   indicador deja de competir con el artista y el video.
   ========================================================= */
@media (pointer:fine){
  .cursor.is-view{
    width:38px;
    height:38px;
    background:rgba(6,10,12,.28);
    border:1px solid rgba(117,231,255,.72);
    box-shadow:0 0 0 1px rgba(32,212,247,.08),0 0 18px rgba(32,212,247,.13);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    mix-blend-mode:normal;
    color:var(--cyan-soft);
  }
  .cursor.is-view span{
    opacity:.88;
    color:var(--cyan-soft);
    font-size:7px;
    line-height:1;
    letter-spacing:.12em;
    font-weight:700;
    transform:translateX(.5px);
  }
}

/* =========================================================
   ROSTER V10 — CARD 02 / RENZO + ROBUST VIDEO PREVIEWS
   Facu remains unchanged visually. Renzo uses the same system
   with an alternating editorial composition (media left / copy right).
   ========================================================= */

/* Keep hover video layers non-interactive and ready for the crossfade. */
.artist-card video{pointer-events:none}

.artist-card--renzo{
  --artist-accent:var(--cyan);
  min-height:520px;
  height:min(66vh,690px);
  grid-template-columns:minmax(430px,48%) minmax(0,1fr);
  background:
    radial-gradient(circle at 25% 48%,rgba(112,12,22,.24),transparent 36%),
    radial-gradient(circle at 62% 45%,rgba(32,212,247,.045),transparent 30%),
    linear-gradient(90deg,rgba(22,6,9,.78) 0%,rgba(8,5,6,.98) 50%,rgba(7,5,6,.98) 100%);
}
.artist-card--renzo .artist-color{
  background:
    radial-gradient(circle at 27% 50%,rgba(151,18,31,.34),transparent 43%),
    radial-gradient(circle at 57% 30%,rgba(32,212,247,.065),transparent 28%);
  opacity:.44;
}
.artist-card--renzo:hover .artist-color,
.artist-card--renzo:focus-within .artist-color{opacity:.76;transform:scale(1.07)}

.artist-card--renzo .artist-number{
  position:absolute;
  z-index:9;
  top:34px;
  left:24px;
  padding:0;
  color:var(--cyan);
  white-space:nowrap;
  font-size:9px;
  text-shadow:0 2px 12px rgba(0,0,0,.78);
}
.artist-card--renzo .artist-media{
  grid-column:1;
  grid-row:1;
  margin:20px 0 20px 0;
  height:calc(100% - 40px);
  background:#070607;
  isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 76%,rgba(0,0,0,.76) 90%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 76%,rgba(0,0,0,.76) 90%,transparent 100%);
}
.artist-card--renzo .artist-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,5,6,.14),transparent 34%),
    linear-gradient(270deg,rgba(8,5,6,.36),transparent 34%),
    linear-gradient(0deg,rgba(8,5,6,.35),transparent 30%);
  transition:opacity .45s ease;
}
.artist-card--renzo .artist-media:after{
  background:radial-gradient(circle at 30% 46%,rgba(151,18,31,.12),transparent 38%);
  z-index:4;
}
.artist-card--renzo .artist-media img,
.artist-card--renzo .artist-media video{
  object-position:50% 42%;
  filter:saturate(.9) contrast(1.09) brightness(.86);
  transform:scale(1.015);
  transition:opacity .48s ease,transform 1s var(--ease),filter .6s ease;
}
.artist-card--renzo .artist-media video{
  opacity:0;
  object-position:50% 45%;
  filter:saturate(.94) contrast(1.09) brightness(.86);
}
.artist-card--renzo:hover .artist-media img,
.artist-card--renzo:focus-within .artist-media img{transform:scale(1.04)}
.artist-card--renzo.previewing .artist-media img{opacity:0;transform:scale(1.04)}
.artist-card--renzo.previewing .artist-media video{opacity:1;transform:scale(1.025);filter:saturate(1) contrast(1.1) brightness(.92)}
.artist-card--renzo.previewing .artist-media:before{opacity:.54}

.artist-card--renzo .artist-name{
  grid-column:2;
  grid-row:1;
  padding:0 clamp(34px,4.6vw,82px) 42px clamp(38px,4.2vw,76px);
  justify-content:center;
}
.artist-card--renzo .artist-name span,
.artist-card--renzo .artist-name strong{font-size:clamp(70px,7.7vw,132px)}
.artist-card--renzo .artist-name span{
  color:#e9e6e2;
  transition:color .4s ease,transform .55s var(--ease),text-shadow .45s ease;
}
.artist-card--renzo .artist-name strong{-webkit-text-stroke-color:rgba(235,232,228,.62)}
.artist-card--renzo:hover .artist-name span,
.artist-card--renzo:focus-within .artist-name span{
  color:#fff;
  transform:translateX(-6px);
  text-shadow:0 10px 32px rgba(0,0,0,.42);
}
.artist-card--renzo:hover .artist-name strong,
.artist-card--renzo:focus-within .artist-name strong{
  color:#fff;
  transform:translateX(-16px);
  text-shadow:0 10px 32px rgba(0,0,0,.42);
}
.artist-card--renzo .artist-meta{
  left:auto;
  right:clamp(38px,4.2vw,76px);
  bottom:88px;
  justify-content:flex-end;
}
.artist-card--renzo:hover .artist-meta,
.artist-card--renzo:focus-within .artist-meta{transform:translateX(-8px);color:#c9c4bf}
.artist-card--renzo .artist-card-foot button{display:flex;align-items:center;gap:3px;transition:color .3s ease,transform .4s var(--ease)}
.artist-card--renzo .artist-card-foot button b{color:var(--cyan);transition:transform .4s var(--ease),color .3s ease}
.artist-card--renzo:hover .artist-card-foot button,
.artist-card--renzo:focus-within .artist-card-foot button{transform:translateX(-4px);color:#fff}
.artist-card--renzo:hover .artist-card-foot button b,
.artist-card--renzo:focus-within .artist-card-foot button b{transform:rotate(45deg) scale(1.06);color:var(--cyan-soft)}


@media (min-width:901px){
  .artist-card--renzo .artist-card-foot{left:0}
}

/* Media label now works for every finished card, not only Facu. */
.artist-card--featured.previewing .artist-media-label{opacity:1;transform:none}

@media(max-width:900px){
  .artist-card--renzo{display:block;height:68svh;min-height:500px}
  .artist-card--renzo .artist-media{
    position:absolute;
    inset:0;
    margin:0;
    height:100%;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .artist-card--renzo .artist-media img{object-position:47% 40%;filter:saturate(.86) contrast(1.1) brightness(.72)}
  .artist-card--renzo .artist-media:before{background:linear-gradient(0deg,rgba(8,7,7,.95),transparent 58%),linear-gradient(180deg,rgba(8,7,7,.3),transparent 28%)}
  .artist-card--renzo .artist-name{
    position:absolute;
    z-index:5;
    left:18px;
    right:18px;
    bottom:80px;
    padding:0;
  }
  .artist-card--renzo .artist-name span,
  .artist-card--renzo .artist-name strong{font-size:clamp(58px,17vw,96px)}
  .artist-card--renzo .artist-meta{display:none}
  .artist-card--renzo .artist-number{position:absolute;z-index:6;top:18px;left:18px;padding:0}
  .artist-media-label{display:none}
}

/* =========================================================
   ROSTER V12 — CARD 03 / AFERNAND
   Single-name composition: the redundant "ONLY FRIENDS" line is
   removed. Afernand is centered as the sole headline and keeps the
   approved photo -> live-video roster interaction.
   ========================================================= */
.artist-card--afernand{
  --artist-accent:var(--cyan);
  min-height:520px;
  height:min(66vh,690px);
  grid-template-columns:90px minmax(0,1fr) minmax(390px,43%);
  background:
    radial-gradient(circle at 80% 46%,rgba(120,12,24,.27),transparent 37%),
    radial-gradient(circle at 58% 43%,rgba(32,212,247,.04),transparent 28%),
    linear-gradient(90deg,rgba(7,5,6,.98) 0%,rgba(11,5,7,.95) 52%,rgba(25,6,10,.78) 100%);
}
.artist-card--afernand .artist-color{
  background:
    radial-gradient(circle at 77% 50%,rgba(157,18,31,.35),transparent 43%),
    radial-gradient(circle at 84% 32%,rgba(32,212,247,.07),transparent 27%);
  opacity:.44;
}
.artist-card--afernand:hover .artist-color,
.artist-card--afernand:focus-within .artist-color{opacity:.78;transform:scale(1.08)}

.artist-card--afernand .artist-number{
  color:var(--cyan);
  white-space:nowrap;
  font-size:9px;
}

/* One strong centered wordmark instead of a duplicated sub-headline. */
.artist-card--afernand .artist-name{
  padding:0 clamp(28px,3.8vw,68px) 28px clamp(30px,4vw,72px);
  justify-content:center;
  align-items:center;
  text-align:center;
}
.artist-card--afernand .artist-name span{
  font-size:clamp(78px,8.2vw,140px);
  color:#e9e6e2;
  line-height:.8;
  white-space:nowrap;
  transition:color .4s ease,transform .55s var(--ease),text-shadow .45s ease,letter-spacing .55s var(--ease);
}
.artist-card--afernand:hover .artist-name span,
.artist-card--afernand:focus-within .artist-name span{
  color:#fff;
  transform:translateY(-2px) scale(1.015);
  letter-spacing:-.035em;
  text-shadow:0 10px 34px rgba(0,0,0,.46);
}

.artist-card--afernand .artist-meta{
  left:calc(90px + clamp(30px,4vw,72px));
  bottom:88px;
}
.artist-card--afernand:hover .artist-meta,
.artist-card--afernand:focus-within .artist-meta{color:#c9c4bf;transform:translateX(8px)}

.artist-card--afernand .artist-media{
  margin:20px 0;
  height:calc(100% - 40px);
  background:#11070a;
  isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.76) 12%,#000 27%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.76) 12%,#000 27%,#000 100%);
}
.artist-card--afernand .artist-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,5,6,.34),transparent 34%),
    linear-gradient(0deg,rgba(8,5,6,.43),transparent 32%);
  transition:opacity .45s ease;
}
.artist-card--afernand .artist-media:after{
  background:radial-gradient(circle at 75% 44%,rgba(32,212,247,.055),transparent 36%);
  z-index:4;
}
.artist-card--afernand .artist-media img,
.artist-card--afernand .artist-media video{
  object-position:50% 42%;
  filter:saturate(.91) contrast(1.08) brightness(.87);
  transform:scale(1.015);
  transition:opacity .48s ease,transform 1s var(--ease),filter .6s ease;
}
.artist-card--afernand .artist-media video{
  opacity:0;
  object-position:50% 46%;
  filter:saturate(.96) contrast(1.1) brightness(.88);
}
.artist-card--afernand:hover .artist-media img,
.artist-card--afernand:focus-within .artist-media img{transform:scale(1.04)}
.artist-card--afernand.previewing .artist-media img{opacity:0;transform:scale(1.04)}
.artist-card--afernand.previewing .artist-media video{opacity:1;transform:scale(1.025);filter:saturate(1) contrast(1.1) brightness(.93)}
.artist-card--afernand.previewing .artist-media:before{opacity:.55}

.artist-card--afernand .artist-card-foot button{display:flex;align-items:center;gap:3px;transition:color .3s ease,transform .4s var(--ease)}
.artist-card--afernand .artist-card-foot button b{color:var(--cyan);transition:transform .4s var(--ease),color .3s ease}
.artist-card--afernand:hover .artist-card-foot button,
.artist-card--afernand:focus-within .artist-card-foot button{transform:translateX(-4px);color:#fff}
.artist-card--afernand:hover .artist-card-foot button b,
.artist-card--afernand:focus-within .artist-card-foot button b{transform:rotate(45deg) scale(1.06);color:var(--cyan-soft)}

@media(min-width:901px){
  .artist-card--afernand .artist-card-foot{left:90px}
}

@media(max-width:900px){
  .artist-card--afernand{display:block;height:68svh;min-height:500px}
  .artist-card--afernand .artist-media{
    position:absolute;
    inset:0;
    margin:0;
    height:100%;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .artist-card--afernand .artist-media img{object-position:50% 35%;filter:saturate(.87) contrast(1.1) brightness(.72)}
  .artist-card--afernand .artist-media:before{background:linear-gradient(0deg,rgba(7,4,5,.98) 0%,rgba(9,4,6,.68) 35%,transparent 67%),linear-gradient(180deg,rgba(7,4,5,.28),transparent 25%)}
  .artist-card--afernand .artist-name{
    position:absolute;
    z-index:5;
    left:18px;
    right:18px;
    bottom:100px;
    padding:0;
    align-items:flex-start;
    text-align:left;
  }
  .artist-card--afernand .artist-name span{font-size:clamp(62px,17vw,100px)}
  .artist-card--afernand .artist-meta{left:18px;bottom:76px;gap:10px}
  .artist-card--afernand .artist-number{position:absolute;z-index:6;top:18px;left:18px;padding:0}
}

/* =========================================================
   ROSTER V14 — CARD 04 / KAASS
   Alternating composition: media left / copy right, matching
   the Renzo rhythm. The portrait is vertically re-framed so
   the head remains fully visible.
   ========================================================= */
.artist-card--kaass{
  --artist-accent:var(--cyan);
  min-height:520px;
  height:min(66vh,690px);
  grid-template-columns:minmax(430px,48%) minmax(0,1fr);
  background:
    radial-gradient(circle at 25% 48%,rgba(112,12,22,.22),transparent 37%),
    radial-gradient(circle at 62% 45%,rgba(32,212,247,.045),transparent 30%),
    linear-gradient(90deg,rgba(22,6,9,.76) 0%,rgba(8,5,6,.98) 50%,rgba(7,5,6,.99) 100%);
}

.artist-card--kaass .artist-color{
  background:
    radial-gradient(circle at 27% 50%,rgba(145,19,29,.31),transparent 43%),
    radial-gradient(circle at 57% 30%,rgba(32,212,247,.06),transparent 28%);
  opacity:.43;
}
.artist-card--kaass:hover .artist-color,
.artist-card--kaass:focus-within .artist-color{
  opacity:.77;
  transform:scale(1.07);
}

/* Number sits over the media side, exactly like Renzo. */
.artist-card--kaass .artist-number{
  position:absolute;
  z-index:9;
  top:34px;
  left:24px;
  padding:0;
  color:var(--cyan);
  white-space:nowrap;
  font-size:9px;
  text-shadow:0 2px 12px rgba(0,0,0,.78);
}

/* LEFT: image/video */
.artist-card--kaass .artist-media{
  grid-column:1;
  grid-row:1;
  margin:20px 0;
  height:calc(100% - 40px);
  background:#070607;
  isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 76%,rgba(0,0,0,.76) 90%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 76%,rgba(0,0,0,.76) 90%,transparent 100%);
}
.artist-card--kaass .artist-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,5,6,.13),transparent 34%),
    linear-gradient(270deg,rgba(8,5,6,.36),transparent 34%),
    linear-gradient(0deg,rgba(8,5,6,.34),transparent 30%);
  transition:opacity .45s ease;
}
.artist-card--kaass .artist-media:after{
  background:
    radial-gradient(circle at 30% 46%,rgba(145,19,29,.10),transparent 38%),
    radial-gradient(circle at 76% 42%,rgba(32,212,247,.04),transparent 30%);
  z-index:4;
}

/* The lower Y position preserves the full head instead of clipping it. */
.artist-card--kaass .artist-media img,
.artist-card--kaass .artist-media video{
  object-position:50% 10%;
  filter:saturate(.89) contrast(1.09) brightness(.86);
  transform:scale(1.01);
  transition:opacity .48s ease,transform 1s var(--ease),filter .6s ease;
}
.artist-card--kaass .artist-media video{
  opacity:0;
  object-position:50% 50%;
  filter:saturate(.98) contrast(1.1) brightness(.88);
}
.artist-card--kaass:hover .artist-media img,
.artist-card--kaass:focus-within .artist-media img{
  transform:scale(1.025);
}
.artist-card--kaass.previewing .artist-media img{
  opacity:0;
  transform:scale(1.025);
}
.artist-card--kaass.previewing .artist-media video{
  opacity:1;
  transform:scale(1.02);
  filter:saturate(1.02) contrast(1.11) brightness(.93);
}
.artist-card--kaass.previewing .artist-media:before{opacity:.54}

/* RIGHT: centered KAASS headline */
.artist-card--kaass .artist-name{
  grid-column:2;
  grid-row:1;
  padding:0 clamp(34px,4.6vw,82px) 34px clamp(38px,4.2vw,76px);
  justify-content:center;
  align-items:center;
  text-align:center;
}
.artist-card--kaass .artist-name span{
  font-size:clamp(86px,8.5vw,148px);
  color:#e9e6e2;
  line-height:.78;
  white-space:nowrap;
  transition:
    color .4s ease,
    transform .55s var(--ease),
    text-shadow .45s ease,
    letter-spacing .55s var(--ease);
}
.artist-card--kaass:hover .artist-name span,
.artist-card--kaass:focus-within .artist-name span{
  color:#fff;
  transform:translateX(-6px) scale(1.012);
  letter-spacing:-.035em;
  text-shadow:0 10px 34px rgba(0,0,0,.46);
}

.artist-card--kaass .artist-meta{
  left:auto;
  right:clamp(38px,4.2vw,76px);
  bottom:88px;
  justify-content:flex-end;
}
.artist-card--kaass:hover .artist-meta,
.artist-card--kaass:focus-within .artist-meta{
  color:#c9c4bf;
  transform:translateX(-8px);
}

.artist-card--kaass .artist-card-foot button{
  display:flex;
  align-items:center;
  gap:3px;
  transition:color .3s ease,transform .4s var(--ease);
}
.artist-card--kaass .artist-card-foot button b{
  color:var(--cyan);
  transition:transform .4s var(--ease),color .3s ease;
}
.artist-card--kaass:hover .artist-card-foot button,
.artist-card--kaass:focus-within .artist-card-foot button{
  transform:translateX(-4px);
  color:#fff;
}
.artist-card--kaass:hover .artist-card-foot button b,
.artist-card--kaass:focus-within .artist-card-foot button b{
  transform:rotate(45deg) scale(1.06);
  color:var(--cyan-soft);
}

@media(min-width:901px){
  .artist-card--kaass .artist-card-foot{left:0}
}

@media(max-width:900px){
  .artist-card--kaass{
    display:block;
    height:68svh;
    min-height:500px;
  }
  .artist-card--kaass .artist-media{
    position:absolute;
    inset:0;
    margin:0;
    height:100%;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .artist-card--kaass .artist-media img{
    object-position:50% 12%;
    filter:saturate(.86) contrast(1.1) brightness(.72);
    transform:scale(1);
  }
  .artist-card--kaass .artist-media:before{
    background:
      linear-gradient(0deg,rgba(7,4,5,.98) 0%,rgba(9,4,6,.68) 35%,transparent 67%),
      linear-gradient(180deg,rgba(7,4,5,.28),transparent 25%);
  }
  .artist-card--kaass .artist-name{
    position:absolute;
    z-index:5;
    left:18px;
    right:18px;
    bottom:100px;
    padding:0;
    align-items:flex-start;
    text-align:left;
  }
  .artist-card--kaass .artist-name span{
    font-size:clamp(68px,19vw,108px);
  }
  .artist-card--kaass .artist-meta{
    left:18px;
    right:auto;
    bottom:76px;
    gap:10px;
    justify-content:flex-start;
  }
  .artist-card--kaass .artist-number{
    position:absolute;
    z-index:6;
    top:18px;
    left:18px;
    padding:0;
  }
}




/* =========================================================
   ARTIST PROFILE V15
   Compact artist press-kit: HERO → SOUND/LIVE → BOOKING
   ========================================================= */
.sr-only{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

.artist-dialog{
  overflow:hidden;
  background:#070606;
}
.artist-dialog-shell{
  height:100dvh;
  min-height:0;
  display:grid;
  grid-template-rows:72px minmax(0,1fr) 58px;
  background:#070606;
}
.artist-dialog-shell:before{
  z-index:0;
  background:
    radial-gradient(circle at 88% 18%,var(--dialog-accent,rgba(32,212,247,.22)),transparent 26%),
    radial-gradient(circle at 12% 52%,rgba(75,5,10,.30),transparent 38%);
  opacity:.45;
}
.dialog-header{
  z-index:30;
  padding:0 clamp(22px,4vw,76px);
  background:rgba(6,5,5,.82);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.dialog-brand img{width:30px}
.dialog-brand span{font-weight:700}
.dialog-close b{color:var(--cyan)}
.dialog-count{color:#d8d4cf}

.profile-page{
  position:relative;
  z-index:2;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scroll-behavior:smooth;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.22) transparent;
}
.profile-page::-webkit-scrollbar{width:6px}
.profile-page::-webkit-scrollbar-track{background:transparent}
.profile-page::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}

/* ---------- HERO ---------- */
.profile-hero{
  position:relative;
  min-height:calc(100dvh - 130px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  isolation:isolate;
  background:#090707;
}
.profile-hero-media{
  position:absolute;
  inset:0;
  z-index:-3;
  overflow:hidden;
  background:#16090a;
}
.profile-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:72% 42%;
  transform:scale(1.015);
  filter:saturate(.88) contrast(1.08) brightness(.79);
}
.profile-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,4,4,.98) 0%,rgba(6,4,5,.94) 25%,rgba(7,5,5,.63) 53%,rgba(7,5,5,.18) 79%,rgba(7,5,5,.10) 100%),
    linear-gradient(0deg,rgba(5,4,4,.86) 0%,transparent 43%),
    radial-gradient(circle at 76% 36%,rgba(125,15,22,.17),transparent 38%);
}
.profile-hero-grain{
  position:absolute;
  inset:0;
  opacity:.11;
  pointer-events:none;
  background-image:
    repeating-radial-gradient(circle at 0 0,transparent 0,rgba(255,255,255,.09) .8px,transparent 1.1px);
  background-size:5px 5px;
  mix-blend-mode:soft-light;
}
.profile-hero-content{
  width:min(100%,1540px);
  margin:0 auto;
  padding:clamp(68px,9vh,112px) clamp(28px,5vw,90px) clamp(50px,6vh,76px);
  position:relative;
}
.profile-eyebrow,
.profile-section-index{
  margin:0 0 24px;
  color:var(--cyan);
  font-size:9px;
  font-weight:700;
  letter-spacing:.19em;
}
.profile-identity{
  width:min(620px,46vw);
}
.dialog-artist-brand{
  width:min(420px,28vw);
  margin:0 0 30px;
}
.dialog-artist-brand[hidden]{display:none!important}
.dialog-artist-brand img{
  display:block;
  width:100%;
  max-height:150px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 12px 34px rgba(0,0,0,.38));
}
.profile-meta-line{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 24px;
  color:#d5cfca;
  font-size:9px;
  letter-spacing:.15em;
}
.profile-meta-line i{
  display:block;
  width:32px;
  height:1px;
  background:rgba(255,255,255,.32);
}
.profile-intro{
  margin:0 0 18px;
  max-width:560px;
  color:#f4f0eb;
  font-size:clamp(18px,1.55vw,25px);
  line-height:1.36;
  letter-spacing:-.02em;
}
.profile-bio{
  margin:0;
  max-width:550px;
  color:#aca59f;
  font-size:13px;
  line-height:1.72;
}
.profile-socials{
  display:flex;
  flex-wrap:wrap;
  gap:25px;
  margin-top:30px;
}
.profile-socials a{
  position:relative;
  padding-bottom:8px;
  color:#eeeae5;
  font-size:9px;
  letter-spacing:.14em;
}
.profile-socials a:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:rgba(255,255,255,.26);
  transform-origin:left;
  transition:transform .35s var(--ease),background .3s ease;
}
.profile-socials a:not(.profile-link-disabled):hover:after{
  transform:scaleX(.42);
  background:var(--cyan);
}
.profile-socials a span{color:var(--cyan)}
.profile-link-disabled{opacity:.38;pointer-events:none}
.profile-scroll{
  position:absolute;
  right:clamp(28px,5vw,90px);
  bottom:clamp(50px,6vh,76px);
  display:flex;
  align-items:center;
  gap:13px;
  color:#d4cec8;
  font-size:8px;
  letter-spacing:.16em;
}
.profile-scroll b{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  color:var(--cyan);
  transition:transform .35s var(--ease),border-color .3s ease;
}
.profile-scroll:hover b{
  transform:translateY(5px);
  border-color:var(--cyan);
}

/* ---------- SOUND + LIVE ---------- */
.profile-sound{
  position:relative;
  padding:clamp(100px,12vh,150px) clamp(28px,5vw,90px) clamp(110px,13vh,160px);
  background:
    radial-gradient(circle at 86% 18%,rgba(25,184,218,.075),transparent 27%),
    radial-gradient(circle at 12% 64%,rgba(105,12,20,.22),transparent 34%),
    #080707;
}
.profile-section-head{
  width:min(100%,1500px);
  margin:0 auto clamp(52px,7vh,78px);
  display:grid;
  grid-template-columns:1.1fr .55fr;
  gap:70px;
  align-items:end;
}
.profile-section-head h3,
.profile-booking h3{
  margin:0;
  font-family:var(--display);
  font-size:clamp(68px,7.7vw,132px);
  line-height:.78;
  letter-spacing:-.045em;
  color:#f3efea;
}
.profile-section-copy{
  margin:0 0 5px;
  max-width:420px;
  color:#aaa29c;
  font-size:13px;
  line-height:1.7;
}
.sound-console{
  width:min(100%,1500px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
  min-height:620px;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}
.sound-featured{
  position:relative;
  overflow:hidden;
  min-height:620px;
  background:#12090a;
  border-right:1px solid rgba(255,255,255,.13);
  isolation:isolate;
}
.sound-featured-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.86) contrast(1.12) brightness(.73);
  transition:filter .5s ease,transform 1.3s var(--ease);
}
.sound-featured:hover .sound-featured-video{
  filter:saturate(.94) contrast(1.09) brightness(.80);
  transform:scale(1.018);
}
.sound-featured-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,rgba(6,5,5,.83),transparent 48%),
    linear-gradient(180deg,rgba(6,5,5,.35),transparent 36%),
    radial-gradient(circle at 72% 48%,rgba(32,212,247,.08),transparent 30%);
  pointer-events:none;
}
.sound-featured-top,
.sound-featured-bottom{
  position:absolute;
  left:30px;
  right:30px;
  z-index:4;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  font-size:8px;
  letter-spacing:.15em;
}
.sound-featured-top{top:26px;color:#c4bdb6}
.sound-featured-bottom{
  bottom:28px;
  align-items:flex-end;
}
.sound-featured-bottom>div{display:flex;flex-direction:column;gap:7px}
.sound-featured-bottom span{color:#aaa29b}
.sound-featured-bottom strong{
  font-family:var(--display);
  font-size:clamp(42px,4vw,72px);
  line-height:.85;
  color:#fff;
}
.sound-status{color:var(--cyan)!important}
.sound-play{
  position:absolute;
  z-index:5;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:102px;
  height:102px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.30);
  background:rgba(8,7,7,.38);
  color:#fff;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  backdrop-filter:blur(8px);
  transition:transform .4s var(--ease),background .3s ease,border-color .3s ease;
}
.sound-play:hover{
  transform:translate(-50%,-50%) scale(1.07);
  background:rgba(8,7,7,.60);
  border-color:var(--cyan);
}
.sound-play-icon{font-size:18px;color:var(--cyan)}
.sound-play small{font-size:7px;letter-spacing:.16em}
.sound-play.is-playing .sound-play-icon{font-size:17px}

.sound-selected{
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.sound-selected-head{
  min-height:86px;
  padding:0 28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.10);
  font-size:9px;
  letter-spacing:.16em;
}
.sound-selected-head small{font-size:7px;color:#77716c}
.sound-track{
  width:100%;
  min-height:120px;
  padding:0 28px;
  display:grid;
  grid-template-columns:34px 1fr 22px;
  gap:14px;
  align-items:center;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:transparent;
  color:#a8a19b;
  text-align:left;
  cursor:pointer;
  transition:background .35s ease,color .35s ease;
}
.sound-track>span{
  color:#68625d;
  font-size:9px;
  letter-spacing:.13em;
}
.sound-track>div{display:flex;flex-direction:column;gap:8px}
.sound-track strong{
  color:inherit;
  font-family:var(--display);
  font-size:28px;
  line-height:.9;
  letter-spacing:-.02em;
}
.sound-track small{
  font-size:7px;
  letter-spacing:.14em;
  color:#74706b;
}
.sound-track b{
  color:#5c5752;
  font-weight:400;
  transition:transform .35s var(--ease),color .3s ease;
}
.sound-track:hover,
.sound-track.is-active{
  background:rgba(255,255,255,.035);
  color:#fff;
}
.sound-track.is-active>span,
.sound-track.is-active b{color:var(--cyan)}
.sound-track:hover b{transform:translate(4px,-4px);color:var(--cyan)}
.sound-note{
  margin-top:auto;
  padding:30px 28px;
  display:grid;
  grid-template-columns:68px 1fr;
  gap:16px;
  border-top:1px solid rgba(255,255,255,.10);
}
.sound-note span{
  color:var(--cyan);
  font-size:7px;
  letter-spacing:.15em;
}
.sound-note p{
  margin:0;
  color:#79736e;
  font-size:10px;
  line-height:1.65;
}

.live-editorial{
  width:min(100%,1500px);
  margin:80px auto 0;
  display:grid;
  grid-template-columns:.62fr 1fr .7fr;
  gap:18px;
  align-items:end;
}
.live-editorial-title{
  align-self:center;
  padding-right:25px;
}
.live-editorial-title>span{
  display:block;
  margin-bottom:18px;
  color:var(--cyan);
  font-size:8px;
  letter-spacing:.18em;
}
.live-editorial-title strong{
  font-family:var(--display);
  font-size:clamp(48px,4.7vw,82px);
  line-height:.82;
  color:#eeeae5;
}
.live-frame{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#100b0c;
}
.live-frame--video{aspect-ratio:16/10}
.live-frame--photo{aspect-ratio:4/5;max-height:520px}
.live-frame video,
.live-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.84) contrast(1.08) brightness(.79);
  transition:transform .8s var(--ease),filter .5s ease;
}
.live-frame--photo img{object-position:50% 30%}
.live-frame:hover video,
.live-frame:hover img{
  transform:scale(1.025);
  filter:saturate(.93) contrast(1.06) brightness(.84);
}
.live-frame figcaption{
  position:absolute;
  left:16px;right:16px;bottom:14px;
  display:flex;
  justify-content:space-between;
  color:#d8d1ca;
  font-size:7px;
  letter-spacing:.14em;
}
.live-frame figcaption span{color:var(--cyan)}

/* ---------- PROFILE NAV ---------- */
.profile-nav{
  padding:0 clamp(22px,4vw,76px);
  background:rgba(6,5,5,.92);
  backdrop-filter:blur(12px);
  align-items:center;
}
.profile-nav-current{
  color:#6f6964;
  font-size:7px;
  letter-spacing:.16em;
}
.profile-nav button{
  transition:color .3s ease,transform .3s var(--ease);
}
.profile-nav button:hover{color:var(--cyan)}
.profile-nav button:first-child:hover{transform:translateX(-5px)}
.profile-nav button:last-child:hover{transform:translateX(5px)}

@media(max-width:1100px){
  .profile-identity{width:min(620px,58vw)}
  .dialog-artist-brand{width:min(390px,38vw)}
  .sound-console{grid-template-columns:1.2fr .65fr}
  .live-editorial{grid-template-columns:.5fr 1fr .8fr}
}

@media(max-width:900px){
  .artist-dialog-shell{
    grid-template-rows:64px minmax(0,1fr) 56px;
  }
  .dialog-header{
    position:relative;
    height:64px;
    padding:0 18px;
  }
  .dialog-count{display:block}
  .dialog-brand span{display:none}

  .profile-hero{
    min-height:calc(100svh - 120px);
    align-items:flex-end;
  }
  .profile-hero-image{
    object-position:60% 20%;
    filter:saturate(.87) contrast(1.08) brightness(.64);
  }
  .profile-hero-shade{
    background:
      linear-gradient(0deg,rgba(5,4,4,.99) 0%,rgba(5,4,4,.90) 36%,rgba(5,4,4,.26) 68%,rgba(5,4,4,.10) 100%),
      linear-gradient(90deg,rgba(5,4,4,.55),transparent 65%);
  }
  .profile-hero-content{
    padding:100px 20px 34px;
  }
  .profile-identity{
    width:100%;
  }
  .dialog-artist-brand{
    width:min(300px,72vw);
    margin-bottom:22px;
  }
  .profile-intro{
    max-width:95%;
    font-size:19px;
  }
  .profile-bio{
    max-width:95%;
    font-size:11px;
    line-height:1.62;
  }
  .profile-socials{margin-top:22px}
  .profile-scroll{display:none}

  .profile-sound{
    padding:90px 20px 100px;
  }
  .profile-section-head{
    display:block;
    margin-bottom:42px;
  }
  .profile-section-head h3{
    font-size:clamp(58px,17vw,92px);
  }
  .profile-section-copy{
    margin-top:26px;
    max-width:90%;
  }
  .sound-console{
    display:block;
    min-height:0;
  }
  .sound-featured{
    min-height:0;
    aspect-ratio:4/5;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.13);
  }
  .sound-featured-top,
  .sound-featured-bottom{
    left:18px;right:18px;
  }
  .sound-play{width:80px;height:80px}
  .sound-featured-bottom strong{font-size:42px}
  .sound-track{padding:0 18px}
  .sound-note{padding:24px 18px}
  .live-editorial{
    margin-top:60px;
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
  .live-editorial-title{
    padding:0 0 25px;
  }
  .live-frame--video,
  .live-frame--photo{
    aspect-ratio:16/11;
    max-height:none;
  }

  .profile-booking{
    min-height:72svh;
    padding:90px 20px 60px;
  }
  .profile-booking h3{
    font-size:clamp(72px,22vw,120px);
  }
  .profile-booking-bottom{
    margin-top:50px;
    display:block;
  }
  .profile-booking-cta{
    margin-top:32px;
    width:100%;
  }
  .profile-nav{
    padding:0 18px;
  }
  .profile-nav-current{display:none}
}

@media(max-width:560px){
  .dialog-count{font-size:7px}
  .dialog-close{font-size:7px}
  .profile-eyebrow,
  .profile-section-index{font-size:7px}
  .profile-meta-line{font-size:7px}
  .profile-bio{font-size:10.5px}
  .sound-selected-head{padding:0 16px}
  .sound-track{min-height:104px}
  .sound-track strong{font-size:24px}
  .profile-booking-bottom strong{font-size:11px}
}


/* =========================================================
   V16 — FACU HERO REFINEMENT
   Larger identity, stronger editorial scale, wider content
   and a less aggressive image crop.
   ========================================================= */
.profile-hero-content{
  padding-top:clamp(54px,7vh,88px);
  padding-bottom:clamp(46px,5.5vh,68px);
}

.profile-identity{
  width:min(720px,52vw);
}

.dialog-artist-brand{
  width:min(560px,36vw);
  margin-bottom:22px;
}

.dialog-artist-brand img{
  max-height:190px;
}

.profile-meta-line{
  margin-bottom:20px;
  font-size:10px;
  gap:15px;
}

.profile-intro{
  max-width:650px;
  margin-bottom:16px;
  font-size:clamp(21px,1.85vw,30px);
  line-height:1.30;
}

.profile-bio{
  max-width:620px;
  font-size:13.5px;
  line-height:1.68;
}

.profile-socials{
  margin-top:26px;
}

.profile-eyebrow{
  margin-bottom:20px;
}

.profile-hero-image{
  object-position:69% 41%;
  transform:scale(.965);
}

.profile-hero-shade{
  background:
    linear-gradient(90deg,rgba(5,4,4,.985) 0%,rgba(6,4,5,.95) 27%,rgba(7,5,5,.64) 55%,rgba(7,5,5,.16) 81%,rgba(7,5,5,.08) 100%),
    linear-gradient(0deg,rgba(5,4,4,.84) 0%,transparent 43%),
    radial-gradient(circle at 74% 36%,rgba(125,15,22,.16),transparent 40%);
}

@media(max-width:1100px){
  .profile-identity{
    width:min(690px,64vw);
  }
  .dialog-artist-brand{
    width:min(500px,46vw);
  }
}

@media(max-width:900px){
  .profile-hero-content{
    padding:88px 20px 32px;
  }

  .profile-identity{
    width:100%;
  }

  .dialog-artist-brand{
    width:min(360px,80vw);
    margin-bottom:18px;
  }

  .dialog-artist-brand img{
    max-height:155px;
  }

  .profile-meta-line{
    margin-bottom:16px;
    font-size:8px;
  }

  .profile-intro{
    max-width:96%;
    font-size:21px;
    line-height:1.32;
  }

  .profile-bio{
    max-width:96%;
    font-size:11.2px;
    line-height:1.6;
  }

  .profile-hero-image{
    object-position:61% 20%;
    transform:scale(1);
  }
}

@media(max-width:560px){
  .dialog-artist-brand{
    width:min(330px,86vw);
  }

  .profile-intro{
    font-size:19px;
  }
}


/* =========================================================
   V17 — FACU HERO: stronger left alignment + larger logo
   ========================================================= */
@media (min-width:901px){
  .profile-hero-content{
    width:100%;
    max-width:none;
    margin:0;
    padding-left:clamp(70px,8vw,132px);
    padding-right:clamp(40px,4vw,72px);
  }

  .profile-identity{
    width:min(760px,49vw);
  }

  .dialog-artist-brand{
    width:min(680px,41vw);
    margin-left:-4px;
    margin-bottom:20px;
  }

  .dialog-artist-brand img{
    max-height:225px;
    object-position:left center;
  }

  .profile-intro{
    max-width:690px;
    font-size:clamp(22px,1.82vw,30px);
  }

  .profile-bio{
    max-width:690px;
    font-size:13px;
    line-height:1.66;
  }

  .profile-scroll{
    right:clamp(45px,5vw,82px);
  }
}

@media (min-width:1400px){
  .profile-hero-content{
    padding-left:clamp(90px,9vw,150px);
  }

  .dialog-artist-brand{
    width:min(720px,43vw);
  }
}


/* =========================================================
   V18 — FACU PROFILE HERO
   More chromatic depth + larger artist logo
   ========================================================= */

#artist-dialog .profile-hero{
  background:
    radial-gradient(circle at 73% 18%, rgba(255,119,47,.18), transparent 26%),
    radial-gradient(circle at 90% 78%, rgba(32,212,247,.09), transparent 24%),
    linear-gradient(90deg, rgba(26,3,7,.98) 0%, rgba(35,6,9,.90) 30%, rgba(59,18,10,.42) 56%, rgba(87,45,23,.08) 100%);
}

#artist-dialog .profile-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(7,3,4,.94) 0%, rgba(15,4,7,.76) 31%, rgba(91,17,22,.22) 54%, rgba(255,120,50,.07) 72%, transparent 100%),
    linear-gradient(180deg, rgba(0,0,0,.15), transparent 35%, rgba(0,0,0,.28));
}

#artist-dialog .profile-hero::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:5px;
  height:100%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(32,212,247,.9) 0 14%,
    rgba(32,212,247,.08) 14% 46%,
    rgba(129,16,28,.65) 46% 74%,
    rgba(255,111,51,.82) 74% 100%
  );
}

#artist-dialog .profile-hero-bg{
  filter:saturate(1.08) contrast(1.04);
}

#artist-dialog .profile-hero-content,
#artist-dialog .profile-scroll{
  z-index:4;
}

#artist-dialog .profile-kicker{
  color:#20d4f7;
  text-shadow:0 0 18px rgba(32,212,247,.18);
}

#artist-dialog .profile-meta{
  color:#f4e9e4;
}

#artist-dialog .profile-meta::after{
  background:linear-gradient(90deg,#20d4f7,rgba(255,255,255,.28),#d24732);
}

#artist-dialog .profile-intro{
  color:#fff8f4;
  text-shadow:0 3px 24px rgba(0,0,0,.28);
}

#artist-dialog .profile-bio{
  color:rgba(248,225,216,.82);
}

#artist-dialog .profile-socials a{
  color:#fff;
  border-bottom-color:rgba(32,212,247,.36);
}

#artist-dialog .profile-socials a::after{
  color:#20d4f7;
}

#artist-dialog .profile-socials a:hover{
  color:#20d4f7;
}

#artist-dialog .profile-scroll{
  color:#f4e9e4;
}

#artist-dialog .profile-scroll .profile-scroll-icon{
  border-color:rgba(32,212,247,.48);
  color:#20d4f7;
  background:rgba(5,10,12,.28);
  box-shadow:0 0 0 1px rgba(210,55,43,.05), 0 0 28px rgba(32,212,247,.06);
}

#artist-dialog .profile-footer-nav{
  background:
    linear-gradient(90deg, rgba(71,9,16,.34), transparent 23%, transparent 77%, rgba(0,153,183,.12)),
    #050505;
}

@media (min-width:901px){
  #artist-dialog .profile-hero-content{
    padding-left:clamp(54px,6.4vw,106px);
  }

  #artist-dialog .profile-identity{
    width:min(780px,52vw);
  }

  #artist-dialog .dialog-artist-brand{
    width:min(820px,49vw);
    margin-left:-12px;
    margin-bottom:24px;
  }

  #artist-dialog .dialog-artist-brand img{
    width:100%;
    max-height:275px;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 8px 28px rgba(0,0,0,.26));
  }

  #artist-dialog .profile-intro{
    max-width:690px;
  }

  #artist-dialog .profile-bio{
    max-width:700px;
  }
}

@media (min-width:1400px){
  #artist-dialog .dialog-artist-brand{
    width:min(900px,51vw);
  }

  #artist-dialog .dialog-artist-brand img{
    max-height:305px;
  }
}

@media (max-width:900px){
  #artist-dialog .profile-hero{
    background:
      radial-gradient(circle at 85% 15%, rgba(255,119,47,.14), transparent 28%),
      linear-gradient(180deg, rgba(21,3,6,.88), rgba(8,5,6,.96));
  }

  #artist-dialog .dialog-artist-brand{
    width:min(88vw,540px);
    margin-left:-6px;
  }

  #artist-dialog .dialog-artist-brand img{
    max-height:190px;
  }
}


/* =========================================================
   V19 — FACU HERO refinement
   Cleaner left edge + larger logo
   ========================================================= */

/* Remove the multicolor vertical strip from V18 */
#artist-dialog .profile-hero::after{
  display:none !important;
  content:none !important;
}

/* Simplify the color treatment: let Facu's warm photo provide the color */
#artist-dialog .profile-hero{
  background:#080607;
}

#artist-dialog .profile-hero::before{
  content:"";
  display:block !important;
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(
      90deg,
      rgba(7,4,5,.97) 0%,
      rgba(10,5,6,.91) 19%,
      rgba(16,7,7,.72) 37%,
      rgba(25,10,8,.38) 53%,
      rgba(12,8,6,.08) 70%,
      transparent 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.10) 0%,
      transparent 45%,
      rgba(0,0,0,.22) 100%
    );
}

/* Remove decorative color emphasis that competed with the portrait */
#artist-dialog .profile-meta::after{
  background:rgba(255,255,255,.30);
}

#artist-dialog .profile-footer-nav{
  background:#050505;
}

/* Keep cyan only as a restrained system accent */
#artist-dialog .profile-kicker{
  color:#20d4f7;
  text-shadow:none;
}

#artist-dialog .profile-scroll .profile-scroll-icon{
  border-color:rgba(255,255,255,.22);
  background:rgba(0,0,0,.20);
  box-shadow:none;
}

@media (min-width:901px){
  #artist-dialog .dialog-artist-brand{
    width:min(980px,57vw);
    margin-left:-18px;
    margin-bottom:26px;
  }

  #artist-dialog .dialog-artist-brand img{
    width:100%;
    max-height:340px;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 9px 30px rgba(0,0,0,.28));
  }
}

@media (min-width:1400px){
  #artist-dialog .dialog-artist-brand{
    width:min(1060px,60vw);
  }

  #artist-dialog .dialog-artist-brand img{
    max-height:370px;
  }
}

@media (max-width:900px){
  #artist-dialog .profile-hero{
    background:#080607;
  }

  #artist-dialog .profile-hero::before{
    background:
      linear-gradient(180deg,rgba(7,4,5,.55) 0%,rgba(7,4,5,.78) 55%,rgba(7,4,5,.96) 100%);
  }

  #artist-dialog .dialog-artist-brand{
    width:min(94vw,620px);
  }

  #artist-dialog .dialog-artist-brand img{
    max-height:220px;
  }
}


/* =========================================================
   V20 — FACU HERO editorial refinement
   Cohesive left column, softer overlay, more visible portrait,
   shorter on-screen bio and warmer artist logo.
   ========================================================= */

#artist-dialog .profile-hero{
  background:#090707;
  min-height:calc(100vh - 120px);
}

#artist-dialog .profile-hero-bg{
  object-position:63% 40%;
  filter:saturate(1.06) contrast(1.03) brightness(1.01);
  transform:scale(1.01);
}

#artist-dialog .profile-hero::before{
  content:"";
  display:block !important;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(7,4,5,.985) 0%,
      rgba(8,5,6,.965) 22%,
      rgba(11,6,7,.84) 34%,
      rgba(13,8,8,.57) 45%,
      rgba(15,10,9,.28) 56%,
      rgba(15,10,8,.08) 68%,
      transparent 82%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.10) 0%,
      transparent 46%,
      rgba(0,0,0,.18) 100%
    );
}

#artist-dialog .profile-hero-content{
  align-items:flex-start;
}

@media (min-width:901px){
  #artist-dialog .profile-hero-content{
    width:100%;
    max-width:none;
    margin:0;
    padding-left:clamp(58px,5.6vw,94px);
    padding-right:clamp(42px,4vw,72px);
    padding-top:clamp(44px,5.5vh,68px);
    padding-bottom:clamp(36px,4.8vh,56px);
  }

  #artist-dialog .profile-identity{
    width:min(720px,46vw);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }

  #artist-dialog .profile-kicker{
    margin-bottom:clamp(56px,7vh,88px);
    font-size:10px;
    letter-spacing:.18em;
  }

  #artist-dialog .dialog-artist-brand{
    width:min(980px,56vw);
    max-width:none;
    margin-left:-10px;
    margin-bottom:clamp(54px,6.4vh,80px);
  }

  #artist-dialog .dialog-artist-brand img{
    width:100%;
    max-height:330px;
    object-fit:contain;
    object-position:left center;
    filter:
      brightness(0) saturate(100%)
      invert(96%) sepia(8%) saturate(208%) hue-rotate(332deg) brightness(105%) contrast(92%)
      drop-shadow(0 8px 28px rgba(0,0,0,.30));
  }

  #artist-dialog .profile-meta-line{
    margin-bottom:20px;
    gap:16px;
  }

  #artist-dialog .profile-intro{
    max-width:610px;
    margin-bottom:15px;
    font-size:clamp(23px,1.9vw,31px);
    line-height:1.28;
    letter-spacing:-.022em;
  }

  #artist-dialog .profile-bio{
    max-width:620px;
    font-size:12.6px;
    line-height:1.62;
    color:rgba(244,226,216,.80);
  }

  #artist-dialog .profile-socials{
    margin-top:22px;
  }

  #artist-dialog .profile-scroll{
    right:clamp(44px,4.6vw,76px);
    bottom:clamp(38px,5vh,64px);
  }
}

@media (min-width:1400px){
  #artist-dialog .profile-hero-bg{
    object-position:65% 39%;
  }

  #artist-dialog .profile-identity{
    width:min(760px,45vw);
  }

  #artist-dialog .dialog-artist-brand{
    width:min(1040px,58vw);
  }

  #artist-dialog .dialog-artist-brand img{
    max-height:350px;
  }
}

@media (max-width:900px){
  #artist-dialog .profile-hero{
    min-height:auto;
  }

  #artist-dialog .profile-hero-bg{
    object-position:66% 20%;
    transform:none;
  }

  #artist-dialog .profile-hero::before{
    background:
      linear-gradient(
        180deg,
        rgba(7,4,5,.24) 0%,
        rgba(7,4,5,.48) 33%,
        rgba(7,4,5,.83) 66%,
        rgba(7,4,5,.97) 100%
      );
  }

  #artist-dialog .profile-hero-content{
    padding:76px 20px 30px;
  }

  #artist-dialog .profile-kicker{
    margin-bottom:40px;
  }

  #artist-dialog .dialog-artist-brand{
    width:min(94vw,650px);
    margin-left:-6px;
    margin-bottom:36px;
  }

  #artist-dialog .dialog-artist-brand img{
    max-height:230px;
    filter:
      brightness(0) saturate(100%)
      invert(96%) sepia(8%) saturate(208%) hue-rotate(332deg) brightness(105%) contrast(92%)
      drop-shadow(0 7px 22px rgba(0,0,0,.26));
  }

  #artist-dialog .profile-intro{
    max-width:96%;
    font-size:21px;
    line-height:1.31;
  }

  #artist-dialog .profile-bio{
    max-width:96%;
    font-size:11.3px;
  }
}


/* =========================================================
   V21 — SOUND + LIVE: platforms first, one strong live piece
   ========================================================= */
.profile-sound{
  padding-bottom:clamp(110px,14vh,170px);
}
.sound-platforms{
  width:min(100%,1500px);
  margin:0 auto clamp(90px,11vh,135px);
  display:grid;
  grid-template-columns:minmax(210px,.62fr) 1fr 1fr;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.sound-platforms-label{
  min-height:176px;
  padding:30px 34px 28px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.sound-platforms-label>span,.live-eyebrow{
  color:var(--cyan);font-size:8px;letter-spacing:.18em;
}
.sound-platforms-label p{
  max-width:220px;margin:0;color:#827b75;font-size:11px;line-height:1.55;
}
.sound-platform-card{
  min-height:176px;
  padding:26px 30px;
  display:grid;
  grid-template-columns:35px 1fr 24px;
  align-items:center;
  gap:16px;
  color:#aaa39d;
  text-decoration:none;
  border-left:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.012);
  transition:background .35s ease,color .35s ease;
}
.sound-platform-card:hover{background:rgba(255,255,255,.045);color:#f3efea}
.sound-platform-no{font-size:9px;color:#69635e;letter-spacing:.14em}
.sound-platform-card div{display:flex;flex-direction:column;gap:12px}
.sound-platform-card small{font-size:7px;letter-spacing:.16em;color:#77716c}
.sound-platform-card strong{
  font-family:var(--display);font-size:clamp(34px,3vw,54px);line-height:.85;letter-spacing:-.025em;
}
.sound-platform-card b{font-weight:400;color:var(--cyan);font-size:17px;transition:transform .35s var(--ease)}
.sound-platform-card:hover b{transform:translate(4px,-4px)}

.live-feature{
  width:min(100%,1500px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(250px,.46fr) minmax(0,1.54fr);
  gap:clamp(42px,5vw,82px);
  align-items:center;
}
.live-feature-copy{align-self:center}
.live-feature-copy h4{
  margin:22px 0 24px;
  font-family:var(--display);
  font-size:clamp(62px,6.1vw,106px);
  line-height:.80;
  letter-spacing:-.04em;
  color:#f2eee9;
}
.live-feature-copy p{
  margin:0;max-width:330px;color:#8d857f;font-size:12px;line-height:1.65;
}
.live-feature-media{
  position:relative;
  aspect-ratio:16/8.7;
  overflow:hidden;
  background:#100909;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  isolation:isolate;
}
.live-feature-media .sound-featured-video{
  filter:saturate(.92) contrast(1.08) brightness(.77);
}
.live-feature-media:hover .sound-featured-video{
  transform:scale(1.015);filter:saturate(1) contrast(1.06) brightness(.83);
}
.live-feature-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,rgba(5,4,4,.78),transparent 48%),linear-gradient(90deg,rgba(35,5,6,.18),transparent 45%);
}
.live-feature-media .sound-play{z-index:3}
.live-feature-meta{
  position:absolute;z-index:3;left:28px;right:28px;bottom:25px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
}
.live-feature-meta>div{display:flex;flex-direction:column;gap:7px}
.live-feature-meta small,.live-feature-meta>span{font-size:7px;letter-spacing:.15em;color:#aaa29b}
.live-feature-meta strong{
  font-family:var(--display);font-size:clamp(38px,3.5vw,62px);line-height:.85;color:#fff;
}
.live-feature-meta>span{color:var(--cyan)}

@media(max-width:900px){
  .sound-platforms{grid-template-columns:1fr;margin-bottom:80px}
  .sound-platforms-label{min-height:auto;padding:0 0 28px;gap:18px}
  .sound-platform-card{border-left:0;border-top:1px solid rgba(255,255,255,.12);min-height:128px;padding:22px 10px}
  .live-feature{grid-template-columns:1fr;gap:34px}
  .live-feature-copy h4{font-size:clamp(58px,17vw,88px)}
  .live-feature-media{aspect-ratio:16/10}
  .live-feature-meta{left:18px;right:18px;bottom:17px}
  .live-feature-meta>span{display:none}
}


/* =========================================================
   V22 — cleaner hero + editorial bio + credentials marquees
   ========================================================= */

#artist-dialog .profile-intro--short{
  max-width:520px;
  font-size:clamp(24px,2vw,33px);
  line-height:1.2;
  margin-bottom:20px;
}
#artist-dialog .profile-socials{margin-top:8px}

/* BIOGRAPHY */
.profile-biography{
  position:relative;
  padding:clamp(110px,14vh,170px) clamp(28px,5.6vw,94px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 30%,rgba(92,11,17,.20),transparent 32%),
    linear-gradient(180deg,#090707 0%,#080707 100%);
}
.profile-biography-grid{
  width:min(100%,1500px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(58px,7vw,120px);
  align-items:center;
}
.profile-biography-image-wrap{
  position:relative;
  min-height:clamp(620px,68vw,900px);
  overflow:hidden;
  background:#140c0d;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.profile-biography-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 24%;
  filter:saturate(.88) contrast(1.04) brightness(.82);
}
.profile-biography-image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,4,4,.04),rgba(5,4,4,.24)),
    linear-gradient(90deg,rgba(70,6,12,.20),transparent 42%);
}
.profile-biography-photo-index{
  position:absolute;
  z-index:2;
  left:20px;
  bottom:18px;
  color:rgba(255,255,255,.55);
  font-size:7px;
  letter-spacing:.17em;
}
.profile-biography-content{max-width:740px}
.profile-biography-content h3{
  margin:22px 0 32px;
  font-family:var(--display);
  font-size:clamp(66px,6.4vw,118px);
  line-height:.78;
  letter-spacing:-.045em;
  color:#f2eee9;
}
.profile-biography-lead{
  max-width:660px;
  margin:0 0 30px;
  font-size:clamp(24px,2vw,33px);
  line-height:1.28;
  letter-spacing:-.022em;
  color:#eae4df;
}
.profile-biography-copy{
  max-width:690px;
  display:grid;
  gap:14px;
}
.profile-biography-copy p{
  margin:0;
  color:#a89f98;
  font-size:13px;
  line-height:1.68;
}
.profile-biography-footer{
  margin-top:38px;
  padding-top:19px;
  display:flex;
  gap:34px;
  border-top:1px solid rgba(255,255,255,.13);
}
.profile-biography-footer span{
  color:#d8d1cc;
  font-size:8px;
  letter-spacing:.17em;
}

/* TRAJECTORY MARQUEES */
.profile-credentials{
  width:calc(100% + clamp(56px,11.2vw,188px));
  margin-left:calc(clamp(28px,5.6vw,94px) * -1);
  margin-top:clamp(105px,13vh,160px);
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.012);
}
.credential-row{
  display:grid;
  grid-template-columns:minmax(235px,20vw) minmax(0,1fr);
  min-height:155px;
}
.credential-row + .credential-row{
  border-top:1px solid rgba(255,255,255,.12);
}
.credential-label{
  padding:28px clamp(26px,3vw,48px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-right:1px solid rgba(255,255,255,.12);
}
.credential-label span{
  color:var(--cyan);
  font-size:8px;
  letter-spacing:.17em;
}
.credential-label small{
  max-width:180px;
  color:#625e5a;
  font-size:7px;
  line-height:1.45;
  letter-spacing:.14em;
}
.credential-marquee{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.credential-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:28px;
  padding-left:28px;
  will-change:transform;
  animation:profileCredentialMove 34s linear infinite;
}
.credential-marquee--reverse .credential-track{
  animation-direction:reverse;
  animation-duration:39s;
}
.credential-track span{
  white-space:nowrap;
  font-family:var(--display);
  font-size:clamp(35px,3.4vw,58px);
  line-height:1;
  letter-spacing:-.018em;
  color:#d6d0cb;
  transition:color .25s ease,-webkit-text-stroke-color .25s ease;
}
.credential-row--artists .credential-track span{
  color:transparent;
  -webkit-text-stroke:1px rgba(237,231,225,.54);
}
.credential-track b{
  flex:none;
  color:#7b171d;
  font-size:12px;
  font-weight:400;
}
.credential-marquee:hover .credential-track{animation-play-state:paused}
.credential-track span:hover{
  color:#f4f0eb;
  -webkit-text-stroke-color:#f4f0eb;
}
@keyframes profileCredentialMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.profile-sound{
  padding-top:clamp(115px,14vh,170px);
}

@media(max-width:900px){
  #artist-dialog .profile-intro--short{
    max-width:92%;
    font-size:22px;
  }
  .profile-biography{padding:82px 20px 0}
  .profile-biography-grid{
    grid-template-columns:1fr;
    gap:46px;
  }
  .profile-biography-image-wrap{
    min-height:min(122vw,760px);
  }
  .profile-biography-content h3{
    font-size:clamp(62px,18vw,90px);
  }
  .profile-biography-lead{font-size:22px}
  .profile-biography-copy p{font-size:12px}
  .profile-credentials{
    width:calc(100% + 40px);
    margin-left:-20px;
    margin-top:80px;
  }
  .credential-row{
    grid-template-columns:1fr;
    min-height:0;
  }
  .credential-label{
    min-height:92px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .credential-marquee{min-height:108px}
  .credential-track{
    gap:20px;
    animation-duration:27s;
  }
  .credential-marquee--reverse .credential-track{animation-duration:31s}
  .credential-track span{font-size:40px}
}


/* =========================================================
   V24 — Facu Biography polish
   ========================================================= */

.profile-biography-image{
  object-position:center 26%;
  filter:saturate(.82) contrast(1.07) brightness(.80);
}
.profile-biography-image-wrap::after{
  background:
    linear-gradient(180deg,rgba(5,4,4,.02),rgba(5,4,4,.18)),
    linear-gradient(90deg,rgba(15,31,31,.12),transparent 48%);
}

/* Datos destacados integrados, sin apariencia de cards */
.profile-biography-facts{
  display:grid;
  grid-template-columns:.8fr 1fr 1.25fr 1.45fr;
  margin-top:42px;
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.profile-fact{
  position:relative;
  min-height:112px;
  padding:20px 18px 16px 0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.profile-fact + .profile-fact{
  padding-left:20px;
  border-left:1px solid rgba(255,255,255,.11);
}
.profile-fact > span{
  position:absolute;
  top:17px;
  left:0;
  color:var(--cyan);
  font-size:7px;
  line-height:1;
  letter-spacing:.16em;
}
.profile-fact + .profile-fact > span{left:20px}
.profile-fact strong{
  font-family:var(--display);
  font-size:clamp(38px,3.2vw,58px);
  line-height:.82;
  letter-spacing:-.035em;
  font-weight:700;
  color:#f1ece7;
}
.profile-fact small{
  margin-top:8px;
  color:#756e69;
  font-size:7px;
  line-height:1.25;
  letter-spacing:.13em;
}
.profile-fact--highlight strong{
  color:transparent;
  -webkit-text-stroke:1px rgba(241,236,231,.72);
}
.profile-biography-footer{margin-top:24px}

/* Marquesinas sin columna lateral: ancho completo real */
.profile-credentials{
  width:100vw;
  margin-left:calc(50% - 50vw);
}
.credential-row{
  display:block;
  min-height:145px;
}
.credential-label{display:none !important}
.credential-marquee{
  width:100%;
  min-height:145px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent);
}
.credential-track{
  gap:32px;
  padding-left:32px;
}
.credential-track span{
  font-size:clamp(41px,4.2vw,72px);
}
.credential-track b{
  font-size:11px;
  color:#8a171d;
}

@media(max-width:1100px){
  .profile-biography-facts{grid-template-columns:1fr 1fr}
  .profile-fact:nth-child(3){
    border-left:0;
    border-top:1px solid rgba(255,255,255,.11);
  }
  .profile-fact:nth-child(4){
    border-top:1px solid rgba(255,255,255,.11);
  }
}

@media(max-width:900px){
  .profile-biography-image{object-position:center 22%}
  .profile-credentials{
    width:100vw;
    margin-left:calc(50% - 50vw);
  }
  .credential-row{display:block}
  .credential-marquee{min-height:112px}
  .credential-track span{font-size:42px}
}

@media(max-width:600px){
  .profile-biography-facts{
    grid-template-columns:1fr 1fr;
    margin-top:34px;
  }
  .profile-fact{min-height:100px}
  .profile-fact strong{font-size:39px}
  .credential-track{
    gap:22px;
    padding-left:22px;
  }
  .credential-track span{font-size:36px}
}


/* =========================================================
   V25 — SONIDO + LIVE
   Spanish title, three platform CTAs and custom live player
   ========================================================= */

.profile-section-head--sound{
  grid-template-columns:1fr;
  margin-bottom:clamp(42px,6vh,70px);
}
.profile-section-head--sound > div{
  max-width:980px;
}
.profile-section-head--sound h3{
  max-width:980px;
}

/* Three official-platform buttons */
.sound-platforms--three{
  width:min(100%,1500px);
  margin:0 auto clamp(105px,12vh,145px);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.sound-platform-button{
  position:relative;
  min-height:154px;
  padding:25px 28px;
  display:grid;
  grid-template-columns:54px 1fr 24px;
  align-items:center;
  gap:21px;
  overflow:hidden;
  color:#c9c2bb;
  text-decoration:none;
  border-left:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 54%);
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s var(--ease);
}
.sound-platform-button:first-child{border-left:0}
.sound-platform-button::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:var(--platform-accent,var(--cyan));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .45s var(--ease);
}
.sound-platform-button::after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-90px;
  top:-90px;
  border-radius:50%;
  background:var(--platform-glow,rgba(42,207,240,.08));
  filter:blur(22px);
  opacity:0;
  transition:opacity .4s ease;
}
.sound-platform-button:hover{
  background:rgba(255,255,255,.04);
  color:#f4f0eb;
}
.sound-platform-button:hover::before{transform:scaleX(1)}
.sound-platform-button:hover::after{opacity:1}
.sound-platform-button--youtube{
  --platform-accent:#ff3838;
  --platform-glow:rgba(255,56,56,.16);
}
.sound-platform-button--soundcloud{
  --platform-accent:#ff6a1a;
  --platform-glow:rgba(255,106,26,.14);
}
.sound-platform-button--spotify{
  --platform-accent:#1ed760;
  --platform-glow:rgba(30,215,96,.13);
}
.sound-platform-icon{
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.018);
  transition:border-color .35s ease,transform .35s var(--ease),background .35s ease;
}
.sound-platform-icon svg{
  width:21px;
  height:21px;
  fill:currentColor;
}
.sound-platform-button:hover .sound-platform-icon{
  border-color:var(--platform-accent);
  color:var(--platform-accent);
  transform:translateY(-2px);
  background:rgba(255,255,255,.035);
}
.sound-platform-text{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.sound-platform-text small{
  color:#77716c;
  font-size:7px;
  letter-spacing:.16em;
}
.sound-platform-text strong{
  font-family:var(--display);
  font-size:clamp(32px,2.8vw,50px);
  line-height:.86;
  letter-spacing:-.025em;
}
.sound-platform-arrow{
  position:relative;
  z-index:2;
  color:var(--platform-accent);
  font-size:17px;
  transition:transform .35s var(--ease);
}
.sound-platform-button:hover .sound-platform-arrow{
  transform:translate(4px,-4px);
}

/* Live copy */
.live-feature--crobar{
  grid-template-columns:minmax(270px,.42fr) minmax(0,1.58fr);
}
.live-feature--crobar .live-feature-copy h4{
  max-width:420px;
}
.live-feature-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:30px;
}
.live-feature-tags span{
  padding:8px 11px 7px;
  border:1px solid rgba(255,255,255,.13);
  color:#8d857f;
  font-size:7px;
  line-height:1;
  letter-spacing:.13em;
  background:rgba(255,255,255,.012);
}

/* Player container */
.live-player{
  aspect-ratio:16/9;
  border:1px solid rgba(255,255,255,.12);
  border-left-color:rgba(255,255,255,.06);
  border-right-color:rgba(255,255,255,.06);
  background:#090707;
}
.live-player .sound-featured-video{
  object-position:center center;
  filter:saturate(.92) contrast(1.09) brightness(.74);
}
.live-player.is-playing .sound-featured-video{
  filter:saturate(1) contrast(1.05) brightness(.88);
}
.live-player .live-feature-overlay{
  background:
    linear-gradient(180deg,rgba(4,3,3,.26),transparent 36%),
    linear-gradient(0deg,rgba(4,3,3,.93),rgba(4,3,3,.08) 36%,transparent 61%),
    linear-gradient(90deg,rgba(48,7,8,.12),transparent 45%);
  transition:opacity .35s ease;
}
.live-player.is-playing .live-feature-overlay{opacity:.45}

/* Main play button */
.sound-play--hero{
  width:112px;
  height:112px;
  border-color:rgba(255,255,255,.36);
  background:rgba(5,4,4,.44);
}
.sound-play--hero::before{
  content:"";
  position:absolute;
  inset:-9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  transition:transform .45s var(--ease),border-color .35s ease;
}
.sound-play--hero:hover::before{
  transform:scale(1.08);
  border-color:rgba(42,207,240,.35);
}
.live-player.is-playing .sound-play--hero{
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(.86);
}

/* Editorial metadata */
.live-player .live-feature-meta{
  left:26px;
  right:26px;
  bottom:66px;
  transition:opacity .3s ease,transform .3s ease;
}
.live-player.is-playing .live-feature-meta{
  opacity:.2;
  transform:translateY(4px);
}

/* Custom bottom control strip */
.live-controls{
  position:absolute;
  z-index:6;
  left:22px;
  right:22px;
  bottom:17px;
  min-height:37px;
  display:grid;
  grid-template-columns:32px 42px minmax(120px,1fr) 42px 40px 38px;
  align-items:center;
  gap:9px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(6,5,5,.66);
  backdrop-filter:blur(12px);
  opacity:.78;
  transition:opacity .3s ease,background .3s ease;
}
.live-player:hover .live-controls,
.live-player.is-playing .live-controls{
  opacity:1;
}
.live-control-button{
  width:32px;
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  color:#c4bdb6;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:11px;
  transition:color .25s ease,background .25s ease;
}
.live-control-button:hover{
  color:var(--cyan);
  background:rgba(255,255,255,.04);
}
.live-control-mute span{
  font-size:6px;
  letter-spacing:.12em;
}
.live-time{
  color:#8f8781;
  font-size:7px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.08em;
  text-align:center;
}
.live-progress-wrap{
  position:relative;
  height:22px;
  display:flex;
  align-items:center;
}
.live-progress-wrap::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background:rgba(255,255,255,.15);
}
.live-progress-fill{
  position:absolute;
  left:0;
  width:0%;
  height:2px;
  background:var(--cyan);
  pointer-events:none;
}
.live-progress{
  position:relative;
  z-index:2;
  width:100%;
  height:22px;
  margin:0;
  opacity:0;
  cursor:pointer;
}

/* Keep metadata away from the control bar on short screens */
@media(max-width:1100px){
  .sound-platforms--three{
    grid-template-columns:1fr;
  }
  .sound-platform-button{
    min-height:122px;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.11);
  }
  .sound-platform-button:first-child{border-top:0}
  .live-feature--crobar{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .profile-section-head--sound h3{
    font-size:clamp(64px,18vw,92px);
  }
  .sound-platform-button{
    grid-template-columns:46px 1fr 22px;
    padding:22px 14px;
    gap:15px;
  }
  .sound-platform-icon{
    width:42px;
    height:42px;
  }
  .sound-platform-text strong{
    font-size:37px;
  }
  .live-player{
    aspect-ratio:4/3;
  }
  .live-player .live-feature-meta{
    left:16px;
    right:16px;
    bottom:65px;
  }
  .live-controls{
    left:10px;
    right:10px;
    bottom:10px;
    grid-template-columns:30px 38px minmax(80px,1fr) 38px 34px;
  }
  .live-control-fullscreen{
    display:none;
  }
  .sound-play--hero{
    width:88px;
    height:88px;
  }
}


/* =========================================================
   V26 — LIVE PLAYER POLISH
   ========================================================= */

.live-feature--crobar{
  align-items:center;
  gap:clamp(48px,6vw,96px);
}

.live-feature--crobar .live-feature-copy{
  align-self:center;
  padding-bottom:12px;
}

.live-feature--crobar .live-feature-copy h4{
  font-size:clamp(64px,6.3vw,106px);
  letter-spacing:-.04em;
  line-height:.82;
  max-width:520px;
}

.live-feature--crobar .live-feature-copy p{
  max-width:380px;
  color:#8b817a;
  font-size:13px;
  line-height:1.68;
}

.live-player{
  overflow:hidden;
  box-shadow:
    0 36px 80px rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(255,255,255,.025);
}

.live-player .sound-featured-video{
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) contrast(1.08) brightness(.8);
}

.live-player::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 44%, transparent 0 28%, rgba(0,0,0,.06) 63%, rgba(0,0,0,.32) 100%);
}

.sound-play--hero{
  width:92px;
  height:92px;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(7,8,9,.54);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}

.sound-play--hero .sound-play-icon{
  font-size:16px;
  transform:translateX(1px);
}

.sound-play--hero small{
  margin-top:7px;
  font-size:6px;
  letter-spacing:.16em;
}

.sound-play--hero:hover{
  border-color:rgba(42,207,240,.72);
  background:rgba(8,12,14,.7);
  transform:translate(-50%,-50%) scale(1.04);
}

.live-player .live-feature-meta{
  left:28px;
  right:28px;
  bottom:90px;
}

.live-player .live-feature-meta small{
  color:rgba(255,255,255,.52);
  letter-spacing:.16em;
}

.live-player .sound-featured-title{
  font-size:clamp(28px,3vw,48px);
  line-height:.9;
}

.live-controls--pro{
  left:22px;
  right:22px;
  bottom:18px;
  min-height:54px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 42px 42px;
  gap:12px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg,rgba(17,17,18,.78),rgba(8,8,9,.88));
  backdrop-filter:blur(18px) saturate(1.2);
  box-shadow:0 14px 40px rgba(0,0,0,.24);
}

.live-control-button{
  width:38px;
  height:38px;
  border-radius:2px;
  color:#bdb7b2;
}

.live-control-button:hover{
  color:#fff;
  background:rgba(255,255,255,.055);
}

.live-control-toggle{
  color:var(--cyan);
}

.live-control-symbol{
  font-size:12px;
  line-height:1;
}

.live-volume-label{
  font-size:6px;
  letter-spacing:.16em;
}

.live-progress-cluster{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
}

.live-progress-wrap{
  height:14px;
  display:block;
}

.live-progress-track,
.live-progress-fill{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  height:2px;
  border-radius:999px;
}

.live-progress-track{
  width:100%;
  background:rgba(255,255,255,.15);
}

.live-progress-fill{
  width:0%;
  background:linear-gradient(90deg,#23c9e8,#63dcf3);
  box-shadow:0 0 12px rgba(42,207,240,.26);
}

.live-progress-thumb{
  position:absolute;
  top:50%;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#dffbff;
  box-shadow:0 0 0 3px rgba(42,207,240,.12);
  transform:translate(-50%,-50%);
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}

.live-progress-wrap:hover .live-progress-thumb{
  opacity:1;
}

.live-progress{
  position:absolute;
  inset:0;
  z-index:5;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}

.live-time-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.live-time{
  font-size:6px;
  letter-spacing:.12em;
  color:#6f6965;
}

.live-player.is-playing .live-feature-meta{
  opacity:.08;
}

.live-player.is-playing .sound-play--hero{
  opacity:0;
}

@media(max-width:700px){
  .live-controls--pro{
    left:8px;
    right:8px;
    bottom:8px;
    grid-template-columns:34px minmax(0,1fr) 34px;
  }

  .live-control-fullscreen{
    display:none;
  }

  .live-control-button{
    width:34px;
    height:34px;
  }

  .live-player .live-feature-meta{
    bottom:76px;
  }
}


/* V28 — player: cyan progress only */
.live-progress-wrap::before,
.live-progress-track{display:none!important;background:transparent!important}
.live-progress-fill{
  height:2px;
  background:linear-gradient(90deg,#24cce9,#77e6f7);
  box-shadow:0 0 10px rgba(36,204,233,.20);
}


/* =========================================================
   V29 — PROFILE BOOKING / ARTIST TEMPLATE
   ========================================================= */
.profile-booking--facu{
  position:relative;overflow:hidden;min-height:100vh;padding:100px clamp(28px,5vw,90px) 72px;
  display:flex;align-items:center;background:#070707;isolation:isolate
}
.profile-booking-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.profile-booking-bg img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;
  filter:saturate(.72) contrast(1.08) brightness(.38);transform:scale(1.015)
}
.profile-booking-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(7,7,7,.97) 0%,rgba(7,7,7,.89) 42%,rgba(7,7,7,.73) 67%,rgba(7,7,7,.70) 100%),
    linear-gradient(0deg,rgba(7,7,7,.96) 0%,transparent 42%,rgba(7,7,7,.48) 100%),
    radial-gradient(circle at 84% 34%,rgba(115,15,22,.17),transparent 34%)
}
.profile-booking-content{width:min(100%,1500px);margin:auto}
.profile-booking-head{
  display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.13)
}
.profile-booking-head .profile-section-index{margin:0}
.profile-booking-status{margin:0;display:flex;align-items:center;gap:9px;color:#817a75;font-size:7px;letter-spacing:.16em}
.profile-booking-status span{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px rgba(36,204,233,.45)}
.profile-booking-main{
  display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,.72fr);
  gap:clamp(60px,8vw,130px);align-items:center;padding:clamp(58px,7vh,86px) 0 20px
}
.profile-booking-identity{max-width:700px}
.profile-booking-logo{
  display:block;width:min(390px,62%);max-height:180px;object-fit:contain;object-position:left center;
  margin:0 0 22px;filter:drop-shadow(0 15px 34px rgba(0,0,0,.28))
}
.profile-booking-represented{margin:0 0 42px;color:#77706b;font-size:7px;letter-spacing:.16em}
.profile-booking-represented strong{color:#aaa29c;font-weight:500}
.profile-booking-identity h3{
  margin:0;font-family:var(--display);font-size:clamp(68px,6.8vw,118px);
  line-height:.80;letter-spacing:-.04em;color:#f2eee9
}
.profile-booking-identity h3 span{color:transparent;-webkit-text-stroke:1px rgba(242,238,233,.52)}
.profile-booking-lead{max-width:540px;margin:30px 0 0;color:#a49c96;font-size:13px;line-height:1.7}

.profile-booking-form{
  position:relative;border:1px solid rgba(255,255,255,.14);
  background:rgba(8,8,9,.76);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.25)
}
.profile-booking-form-head{
  min-height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.12)
}
.profile-booking-form-head small{display:block;margin-bottom:7px;color:var(--cyan);font-size:6px;letter-spacing:.17em}
.profile-booking-form-head strong{font-family:var(--display);font-size:25px;font-weight:600;letter-spacing:.01em}
.profile-booking-form-head>span{color:#57524e;font-size:6px;letter-spacing:.15em}
.profile-form-grid{display:grid;grid-template-columns:1fr 1fr}
.profile-form-field{
  position:relative;min-height:88px;padding:17px 19px 12px;display:flex;flex-direction:column;justify-content:flex-end;
  border-right:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)
}
.profile-form-field:nth-child(even){border-right:0}
.profile-form-field--wide{grid-column:1/-1;border-right:0}
.profile-form-field>span{position:absolute;top:15px;left:19px;color:#65605c;font-size:6px;letter-spacing:.16em}
.profile-form-field input,.profile-form-field textarea{
  width:100%;padding:18px 0 0;border:0;outline:0;resize:none;background:transparent;
  color:#e7e1dc;font:inherit;font-size:12px;line-height:1.45
}
.profile-form-field input::placeholder,.profile-form-field textarea::placeholder{color:#4d4946}
.profile-form-field input[type="date"]{color-scheme:dark}
.profile-form-field--message{min-height:118px}
.profile-booking-form-note{margin:0;padding:13px 20px 14px;border-top:1px solid rgba(255,255,255,.09);color:#514d49;font-size:6px;line-height:1.55;letter-spacing:.07em}

@media(max-width:1050px){
  .profile-booking-main{grid-template-columns:1fr;gap:55px}
  .profile-booking-identity{max-width:800px}
  .profile-booking-form{max-width:760px}
  .profile-booking-bg img{opacity:.58}
}
@media(max-width:650px){
  .profile-booking--facu{min-height:auto;padding:84px 18px 55px}
  .profile-booking-head{align-items:flex-start;gap:18px}
  .profile-booking-status{max-width:150px;text-align:right}
  .profile-booking-main{padding-top:48px}
  .profile-booking-logo{width:min(310px,78%)}
  .profile-booking-identity h3{font-size:clamp(60px,16vw,90px)}
  .profile-booking-socials{grid-template-columns:1fr}
  .profile-booking-socials a{border-right:0!important;border-top:1px solid rgba(255,255,255,.10)}
  .profile-booking-socials a:first-child{border-top:0}
  .profile-form-grid{grid-template-columns:1fr}
  .profile-form-field,.profile-form-field:nth-child(even){grid-column:1;border-right:0}
  .profile-booking-form-head>span{display:none}
}


/* =========================================================
   V30 — BOOKING POLISH
   Larger logo, bespoke social rail, clearer form fields,
   and a more premium submit interaction.
   ========================================================= */

.profile-booking-logo{
  width:min(520px,78%);
  max-height:230px;
  margin:0 0 26px -8px;
}

.profile-booking-identity{
  max-width:760px;
}

/* Social rail — avoids the previous "four cards" look */
.profile-booking-socials--rail{
  margin-top:48px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 14px;
  border:0;
}

.profile-socials-label{
  flex:0 0 100%;
  margin-bottom:4px;
  color:#5f5a56;
  font-size:6px;
  letter-spacing:.18em;
}

.profile-social-link{
  position:relative;
  min-height:46px;
  padding:0 15px 0 8px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  color:#b9b2ac;
  text-decoration:none;
  background:rgba(255,255,255,.012);
  transition:
    border-color .3s ease,
    background .3s ease,
    color .3s ease,
    transform .35s var(--ease);
}

.profile-social-link:hover{
  transform:translateY(-2px);
  color:#fff;
  border-color:rgba(32,212,247,.36);
  background:rgba(32,212,247,.035);
}

.profile-social-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.035);
  color:#918a84;
  transition:color .3s ease,background .3s ease;
}

.profile-social-link:hover .profile-social-icon{
  color:var(--cyan);
  background:rgba(32,212,247,.07);
}

.profile-social-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.profile-social-name{
  font-size:7px;
  letter-spacing:.14em;
}

.profile-social-link b{
  margin-left:3px;
  color:#5f5a56;
  font-size:10px;
  font-weight:400;
  transition:color .3s ease,transform .3s ease;
}

.profile-social-link:hover b{
  color:var(--cyan);
  transform:translate(2px,-2px);
}

/* Form gets visible, premium fields instead of invisible lines */
.profile-booking-form{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(180deg,rgba(16,16,17,.86),rgba(8,8,9,.82));
  box-shadow:
    0 34px 80px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.profile-booking-form-head{
  min-height:82px;
  padding:0 24px;
  background:rgba(255,255,255,.012);
}

.profile-form-grid{
  padding:18px;
  gap:12px;
  background:rgba(255,255,255,.008);
}

.profile-form-field,
.profile-form-field:nth-child(even),
.profile-form-field--wide{
  min-height:86px;
  padding:14px 16px 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:3px;
  background:rgba(255,255,255,.018);
  transition:
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.profile-form-field:hover{
  background:rgba(255,255,255,.026);
  border-color:rgba(255,255,255,.17);
}

.profile-form-field:focus-within{
  border-color:rgba(32,212,247,.42);
  background:rgba(32,212,247,.025);
  box-shadow:inset 0 0 0 1px rgba(32,212,247,.045);
}

.profile-form-field>span{
  top:13px;
  left:16px;
  color:#7a746f;
  font-size:6px;
}

.profile-form-field input,
.profile-form-field textarea{
  padding-top:22px;
  color:#eee8e3;
  font-size:12.5px;
}

.profile-form-field input::placeholder,
.profile-form-field textarea::placeholder{
  color:#5d5854;
}

.profile-form-field--message{
  min-height:132px;
}

.profile-form-field--message textarea{
  min-height:72px;
}

.profile-booking-form-note{
  padding:14px 20px 16px;
  color:#5e5955;
  background:rgba(255,255,255,.008);
}

/* New submit treatment: editorial bar instead of generic CTA */
.profile-booking-submit--pro{
  position:relative;
  width:calc(100% - 36px);
  min-height:88px;
  margin:0 18px 18px;
  padding:0 22px;
  display:grid;
  grid-template-columns:90px 1fr 38px;
  align-items:center;
  gap:18px;
  border:1px solid rgba(32,212,247,.26);
  border-radius:3px;
  background:
    linear-gradient(90deg,rgba(32,212,247,.07),rgba(255,255,255,.018));
  color:#ede8e3;
  cursor:pointer;
  text-align:left;
  overflow:hidden;
  transition:
    border-color .3s ease,
    background .3s ease,
    transform .35s var(--ease);
}

.profile-booking-submit--pro::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  background:rgba(32,212,247,.06);
  transition:width .45s var(--ease);
}

.profile-booking-submit--pro:hover{
  transform:translateY(-2px);
  border-color:rgba(32,212,247,.52);
  background:
    linear-gradient(90deg,rgba(32,212,247,.10),rgba(255,255,255,.022));
}

.profile-booking-submit--pro:hover::before{
  width:100%;
}

.profile-submit-index,
.profile-submit-copy,
.profile-submit-arrow{
  position:relative;
  z-index:1;
}

.profile-submit-index{
  color:#67615d;
  font-size:6px;
  letter-spacing:.17em;
}

.profile-submit-copy{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.profile-submit-copy small{
  color:#77716c;
  font-size:6px;
  letter-spacing:.16em;
}

.profile-submit-copy strong{
  font-family:var(--display);
  font-size:28px;
  line-height:.9;
  letter-spacing:.01em;
}

.profile-submit-arrow{
  justify-self:end;
  color:var(--cyan);
  font-size:19px;
  transition:transform .35s var(--ease);
}

.profile-booking-submit--pro:hover .profile-submit-arrow{
  transform:translate(4px,-4px);
}

@media(max-width:900px){
  .profile-booking-logo{
    width:min(480px,82%);
  }
}

@media(max-width:650px){
  .profile-booking-logo{
    width:min(360px,90%);
    margin-left:-5px;
  }

  .profile-booking-socials--rail{
    gap:9px;
  }

  .profile-social-link{
    min-height:42px;
    padding-right:12px;
  }

  .profile-form-grid{
    padding:12px;
    gap:10px;
  }

  .profile-booking-submit--pro{
    width:calc(100% - 24px);
    margin:0 12px 12px;
    grid-template-columns:1fr 32px;
    gap:10px;
  }

  .profile-submit-index{
    display:none;
  }

  .profile-submit-copy strong{
    font-size:24px;
  }
}


/* =========================================================
   V31 — BOOKING LEGIBILITY + FACU LINKS
   ========================================================= */
.profile-booking-logo{
  width:min(650px,94%);
  max-height:285px;
  margin-left:-12px;
  margin-bottom:30px;
}

.profile-form-field>span{
  top:13px;
  left:16px;
  color:#9b948e;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.13em;
}

.profile-form-field input,
.profile-form-field textarea{
  padding-top:25px;
}

@media(max-width:1050px){
  .profile-booking-logo{
    width:min(590px,90%);
    max-height:260px;
  }
}

@media(max-width:650px){
  .profile-booking-logo{
    width:min(430px,98%);
    max-height:205px;
    margin-left:-7px;
  }

  .profile-form-field>span{
    font-size:7.5px;
    letter-spacing:.12em;
  }
}

/* =========================================================
   V35 — FACU HERO BALANCED
   Restore previous identity scale/spacing; only lower the photo crop.
   ========================================================= */

#artist-dialog .profile-hero{
  min-height:calc(100dvh - 94px);
  background:#070707;
  overflow:hidden;
}

#artist-dialog .profile-hero-image{
  width:100%;
  height:100%;
  object-fit:cover;
  /* Same visual scale as before, but lower framing to focus on Facu + console. */
  object-position:69% 60%;
  transform:scale(1.08);
  transform-origin:69% 60%;
  filter:saturate(.96) contrast(1.08) brightness(.82);
}

#artist-dialog .profile-hero-shade{
  background:
    linear-gradient(
      90deg,
      rgba(5,4,5,.985) 0%,
      rgba(6,4,5,.96) 19%,
      rgba(8,5,6,.83) 32%,
      rgba(9,6,6,.54) 45%,
      rgba(8,6,6,.20) 57%,
      rgba(7,6,6,.04) 74%,
      rgba(7,6,6,.13) 100%
    ),
    linear-gradient(
      0deg,
      rgba(5,4,4,.66) 0%,
      rgba(5,4,4,.08) 34%,
      transparent 62%
    );
}

#artist-dialog .profile-hero-grain{opacity:.07}

#artist-dialog .profile-hero-content{
  min-height:inherit;
}

#artist-dialog .profile-identity{
  width:min(830px,52vw);
}

/* Restore the logo proportions/layout from the previous version */
#artist-dialog .dialog-artist-brand{
  width:min(1160px,64vw);
  margin-left:-28px;
  margin-bottom:28px;
}

#artist-dialog .dialog-artist-brand img{
  width:100%;
  max-height:400px;
  object-fit:contain;
  object-position:left center;
  filter:
    brightness(0) saturate(100%)
    invert(96%) sepia(8%) saturate(208%) hue-rotate(332deg) brightness(105%) contrast(92%)
    drop-shadow(0 12px 36px rgba(0,0,0,.30));
}

#artist-dialog .profile-meta-line{
  margin-top:0;
  margin-bottom:17px;
}

#artist-dialog .profile-intro--short{
  max-width:560px;
  margin-top:0;
  margin-bottom:18px;
}

#artist-dialog .profile-socials{
  margin-top:17px;
  margin-bottom:64px;
  gap:12px;
}

#artist-dialog .profile-socials a{
  min-height:40px;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:#ddd7d2;
  background:rgba(255,255,255,.02);
  font-size:7px;
  letter-spacing:.14em;
  text-decoration:none;
  transition:border-color .3s ease,color .3s ease,background .3s ease,transform .35s var(--ease);
}

#artist-dialog .profile-socials a::after{display:none}

#artist-dialog .profile-socials a:hover{
  transform:translateY(-2px);
  border-color:rgba(32,212,247,.42);
  color:#fff;
  background:rgba(32,212,247,.04);
}

#artist-dialog .profile-socials a span{
  color:var(--cyan);
  font-size:11px;
}

.profile-agency-stamp{
  position:absolute;
  z-index:5;
  top:clamp(38px,5vh,60px);
  right:clamp(48px,4.5vw,80px);
  width:min(230px,17vw);
  display:block;
}

.profile-agency-stamp img{
  display:block;
  width:100%;
  max-height:128px;
  object-fit:contain;
  object-position:right center;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.28));
  opacity:1;
}

#artist-dialog .profile-nav-current{
  font-size:clamp(14px,1.25vw,20px);
  font-weight:600;
  letter-spacing:.11em;
  color:#eee9e5;
}

#artist-dialog .profile-nav button{
  font-size:7px;
  letter-spacing:.14em;
}

#artist-dialog .profile-biography .profile-section-index{
  letter-spacing:.14em;
}

@media(min-width:901px){
  #artist-dialog .profile-hero-content{
    padding-left:clamp(54px,5vw,86px);
    padding-right:clamp(54px,5vw,86px);
    padding-top:clamp(68px,8vh,96px);
    padding-bottom:36px;
  }
}

@media(max-width:1200px){
  #artist-dialog .profile-hero-image{
    object-position:67% 58%;
    transform:scale(1.07);
    transform-origin:67% 58%;
  }

  #artist-dialog .dialog-artist-brand{
    width:min(970px,62vw);
  }

  .profile-agency-stamp{
    width:min(188px,17vw);
  }
}

@media(max-width:900px){
  #artist-dialog .profile-hero{
    min-height:calc(100dvh - 82px);
  }

  #artist-dialog .profile-hero-image{
    object-position:62% 54%;
    transform:scale(1.05);
    transform-origin:62% 54%;
    filter:saturate(.92) contrast(1.06) brightness(.70);
  }

  #artist-dialog .profile-hero-shade{
    background:
      linear-gradient(
        0deg,
        rgba(5,4,5,.985) 0%,
        rgba(5,4,5,.90) 39%,
        rgba(5,4,5,.37) 68%,
        rgba(5,4,5,.12) 100%
      );
  }

  #artist-dialog .profile-hero-content{
    padding-bottom:38px;
  }

  #artist-dialog .profile-identity{
    width:min(100%,720px);
  }

  #artist-dialog .dialog-artist-brand{
    width:min(650px,93vw);
    margin-left:-9px;
  }

  #artist-dialog .dialog-artist-brand img{
    max-height:250px;
  }

  #artist-dialog .profile-socials{
    margin-bottom:58px;
  }

  .profile-agency-stamp{
    top:20px;
    right:18px;
    width:126px;
  }

  .profile-agency-stamp img{
    max-height:72px;
  }

  #artist-dialog .profile-nav-current{
    font-size:13px;
    letter-spacing:.08em;
  }
}

@media(max-width:560px){
  #artist-dialog .profile-hero-image{
    object-position:60% 50%;
    transform:scale(1.04);
  }

  #artist-dialog .dialog-artist-brand{
    width:min(540px,96vw);
  }

  #artist-dialog .profile-socials{
    margin-bottom:54px;
  }

  .profile-agency-stamp{
    width:108px;
  }

  #artist-dialog .profile-nav-current{
    font-size:12px;
  }
}

/* =========================================================
   V39 — FINAL ARTIST TEMPLATE POLISH
   Booking alignment + final interface refinements.
   ========================================================= */

/* BOOKING: one authoritative layout block — replaces old V36/V37 overrides */
.profile-booking-main{
  align-items:start;
  padding-top:clamp(40px,4.6vh,56px);
  padding-bottom:12px;
}

.profile-booking-identity{
  max-width:760px;
  padding-top:0;
}

/* Artist signature aligned to the same left axis as FACU. ON STAGE. */
.profile-booking-brand{
  width:min(660px,100%);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  margin:0 0 22px;
}

.profile-booking-brand .profile-booking-logo{
  width:min(620px,96%);
  max-height:280px;
  margin:0 0 2px -14px;
  object-fit:contain;
  object-position:left center;
}

.profile-booking-brand .profile-booking-represented{
  margin:-2px 0 0;
  padding-left:2px;
  color:#77716c;
  font-size:7px;
  line-height:1.15;
  letter-spacing:.15em;
}

.profile-booking-brand .profile-booking-represented strong{
  color:#b2aaa4;
  font-weight:500;
}

.profile-booking-copyblock{
  width:min(660px,100%);
  margin:0;
}

.profile-booking-copyblock h3{
  margin:0;
  font-family:var(--display);
  font-size:clamp(68px,6.2vw,108px);
  line-height:.80;
  letter-spacing:-.04em;
  color:#f2eee9;
}

.profile-booking-copyblock h3 span{
  color:transparent;
  -webkit-text-stroke:1px rgba(242,238,233,.52);
}

.profile-booking-copyblock .profile-booking-lead{
  max-width:545px;
  margin:22px 0 0;
  color:#a49c96;
  font-size:13px;
  line-height:1.65;
}

.profile-booking-socials--rail{
  margin-top:30px;
}

/* Platform links are interactive external destinations. */
.sound-platform-button{
  cursor:pointer;
}

/* Minor final polish: Biography labels remain readable without competing. */
.profile-biography-photo-index{
  color:rgba(255,255,255,.62);
}

/* Focus visibility for keyboard users without changing visual language. */
#artist-dialog a:focus-visible,
#artist-dialog button:focus-visible,
#artist-dialog input:focus-visible,
#artist-dialog textarea:focus-visible{
  outline:1px solid rgba(32,212,247,.72);
  outline-offset:3px;
}

/* Respect reduced motion in the two trajectory marquees. */
@media (prefers-reduced-motion: reduce){
  .credential-track{
    animation:none !important;
  }
}

@media(max-width:1050px){
  .profile-booking-brand{
    width:min(680px,100%);
  }

  .profile-booking-brand .profile-booking-logo{
    width:min(590px,94%);
    margin-left:-10px;
  }

  .profile-booking-copyblock{
    width:min(680px,100%);
  }
}

@media(max-width:650px){
  .profile-booking-main{
    padding-top:38px;
  }

  .profile-booking-brand{
    align-items:flex-start;
    text-align:left;
    margin-bottom:20px;
  }

  .profile-booking-brand .profile-booking-logo{
    width:min(470px,96%);
    margin-left:-7px;
    margin-bottom:1px;
  }

  .profile-booking-brand .profile-booking-represented{
    padding-left:0;
    font-size:6.5px;
  }

  .profile-booking-copyblock h3{
    font-size:clamp(60px,16vw,88px);
  }

  .profile-booking-copyblock .profile-booking-lead{
    margin-top:18px;
  }
}

/* =========================================================
   V40 — RENZO LANDOLFI PROFILE
   Artist-specific framing while preserving the approved OFA template.
   ========================================================= */
#artist-dialog.artist-dialog--renzo .profile-hero-image{
  object-position:56% 42%;
  transform:scale(1.02);
  transform-origin:56% 42%;
  filter:saturate(.92) contrast(1.08) brightness(.68);
}
#artist-dialog.artist-dialog--renzo .profile-hero-shade{
  background:
    linear-gradient(90deg,rgba(5,4,5,.99) 0%,rgba(6,4,5,.95) 23%,rgba(8,5,6,.74) 39%,rgba(8,6,6,.34) 54%,rgba(7,6,6,.08) 74%,rgba(7,6,6,.18) 100%),
    linear-gradient(0deg,rgba(5,4,4,.62) 0%,rgba(5,4,4,.06) 38%,transparent 66%);
}
#artist-dialog .profile-booking--renzo .profile-booking-bg img{object-position:66% 35%;filter:saturate(.82) contrast(1.1) brightness(.52)}
@media(max-width:900px){
  #artist-dialog.artist-dialog--renzo .profile-hero-image{object-position:55% 38%;transform:scale(1.01)}
  #artist-dialog .profile-booking--renzo .profile-booking-bg img{object-position:62% 30%}
}


/* =========================================================
   V41 — UNIFIED ARTIST LOGO SYSTEM
   One shared visual slot for every roster artist.
   Facu, Renzo, Afernand and KAASS inherit these dimensions.
   ========================================================= */

/* HERO LOGO — same footprint for every artist profile */
#artist-dialog .dialog-artist-brand{
  width:min(1160px,64vw);
  height:clamp(250px,29vh,400px);
  margin-left:-28px;
  margin-bottom:28px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

#artist-dialog .dialog-artist-brand img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:left center;
}

/* BOOKING LOGO — same footprint and left axis for every artist */
#artist-dialog .profile-booking-brand{
  width:min(660px,100%);
}

#artist-dialog .profile-booking-brand .profile-booking-logo{
  display:block;
  width:min(620px,96%);
  height:220px;
  max-width:100%;
  max-height:220px;
  margin:0 0 2px -14px;
  object-fit:contain;
  object-position:left center;
}

/* Renzo's four biography values are intentionally more restrained.
   The labels and grid stay identical to the master template. */
#artist-dialog.artist-dialog--renzo .profile-fact strong{
  font-size:clamp(28px,2.15vw,40px);
  line-height:.88;
  letter-spacing:-.028em;
}

#artist-dialog.artist-dialog--renzo .profile-fact small{
  margin-top:7px;
  font-size:6.5px;
}

@media(max-width:1200px){
  #artist-dialog .dialog-artist-brand{
    width:min(970px,62vw);
    height:clamp(225px,27vh,350px);
  }

  #artist-dialog .profile-booking-brand .profile-booking-logo{
    width:min(590px,94%);
    height:205px;
    max-height:205px;
    margin-left:-10px;
  }
}

@media(max-width:900px){
  #artist-dialog .dialog-artist-brand{
    width:min(650px,93vw);
    height:230px;
    margin-left:-9px;
  }

  #artist-dialog .profile-booking-brand .profile-booking-logo{
    width:min(520px,94%);
    height:185px;
    max-height:185px;
  }

  #artist-dialog.artist-dialog--renzo .profile-fact strong{
    font-size:clamp(25px,6.2vw,34px);
  }
}

@media(max-width:560px){
  #artist-dialog .dialog-artist-brand{
    width:min(540px,96vw);
    height:190px;
  }

  #artist-dialog .profile-booking-brand .profile-booking-logo{
    width:min(470px,96%);
    height:160px;
    max-height:160px;
    margin-left:-7px;
  }
}

/* =========================================================
   V44 — RENZO LOGO MATCHED TO FACU
   Sized from Facu's actual visible wordmark footprint inside
   the shared master logo slots, not from the raw PNG canvas.
   ========================================================= */

/*
  FACU reference:
  - Hero master slot: 1160 × 400 max.
  - Facu source canvas contains large transparent margins.
  - Actual visible Facu wordmark ≈ 350 px wide on desktop.

  RENZO:
  - Normalized asset has no empty canvas.
  - Therefore it must render around 350 px wide, not 400+ px,
    to match Facu visually.
*/

#artist-dialog.artist-dialog--renzo .dialog-artist-brand{
  width:auto;
  height:auto;
  margin-left:0;
  margin-bottom:28px;
  display:block;
}

#artist-dialog.artist-dialog--renzo .dialog-artist-brand img{
  display:block;
  width:350px;
  height:auto;
  max-width:min(350px,30vw);
  max-height:none;
  object-fit:contain;
  object-position:left center;
  transform:none;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.18));
  image-rendering:auto;
}

/* Booking: match Facu's actual visible logo footprint in its 620 × 220 slot. */
#artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
  display:block;
  width:200px;
  height:auto;
  max-width:min(200px,48%);
  max-height:none;
  margin:0 0 5px 0;
  object-fit:contain;
  object-position:left center;
  transform:none;
  image-rendering:auto;
}

#artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-represented{
  margin-top:0;
}

@media(max-width:1200px){
  #artist-dialog.artist-dialog--renzo .dialog-artist-brand img{
    width:330px;
    max-width:min(330px,31vw);
  }

  #artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
    width:190px;
    max-width:min(190px,46%);
  }
}

@media(max-width:900px){
  #artist-dialog.artist-dialog--renzo .dialog-artist-brand img{
    width:300px;
    max-width:min(300px,64vw);
  }

  #artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
    width:180px;
    max-width:min(180px,46vw);
  }
}

@media(max-width:560px){
  #artist-dialog.artist-dialog--renzo .dialog-artist-brand img{
    width:265px;
    max-width:min(265px,72vw);
  }

  #artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
    width:165px;
    max-width:min(165px,44vw);
  }
}


/* ============================================================
   V48 — RENZO BOOKING LOGO — FACU VISUAL MATCH
   Measured from the actual alpha footprint of Facu's logo in the
   shared 620×220 booking slot. Renzo uses the tight HQ asset.
   ============================================================ */
#artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
  display:block !important;
  width:197px !important;
  height:auto !important;
  max-width:min(197px, 48%) !important;
  max-height:none !important;
  margin:0 0 5px 0 !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
  image-rendering:auto !important;
}

@media(max-width:1200px){
  #artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
    width:187px !important;
    max-width:min(187px, 46%) !important;
  }
}

@media(max-width:900px){
  #artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
    width:177px !important;
    max-width:min(177px, 46vw) !important;
  }
}

@media(max-width:560px){
  #artist-dialog.artist-dialog--renzo .profile-booking-brand .profile-booking-logo{
    width:163px !important;
    max-width:min(163px, 44vw) !important;
  }
}

/* =========================================================
   V51 — 03 / ONLY FRIENDS AGENCY — FINAL POLISH
   Multi-artist editorial section. No center logo card, no footer
   signature, no sticky/pinning, no fake interactive affordances.
   ========================================================= */

.about-agency{
  position:relative;
  min-height:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 7% 24%,rgba(130,14,27,.17),transparent 30%),
    radial-gradient(circle at 91% 69%,rgba(32,212,247,.035),transparent 24%),
    linear-gradient(180deg,#080506 0%,#0d0608 48%,#080506 100%);
  border-top:1px solid rgba(255,255,255,.07);
}

.about-agency:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.011) 1px,transparent 1px);
  background-size:10vw 100%;
  mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.5) 12%,rgba(0,0,0,.5) 88%,transparent);
  opacity:.38;
}

.about-agency-shell{
  position:relative;
  z-index:1;
  padding-top:clamp(110px,9vw,155px);
  padding-bottom:clamp(92px,7vw,125px);
}

/* ---------- INTRO ---------- */
.about-agency-head{
  padding-bottom:clamp(50px,5vw,70px);
  border-bottom:1px solid rgba(255,255,255,.11);
}

.about-agency-head .section-index{
  margin:0 0 30px;
  color:var(--cyan);
  font-size:9px;
  letter-spacing:.17em;
}

.about-agency-head h2{
  margin:0;
  width:100%;
  max-width:1500px;
  font-family:var(--display);
  font-size:clamp(62px,7.2vw,118px);
  font-weight:800;
  line-height:.86;
  letter-spacing:-.04em;
  text-transform:uppercase;
  color:#f1ede9;
}

.about-agency-head h2 span{
  display:block;
  margin-top:4px;
  color:transparent;
  -webkit-text-stroke:1px rgba(241,237,233,.62);
}

.about-agency-intro{
  max-width:820px;
  margin:30px 0 0;
  color:#aaa39d;
  font-size:14px;
  line-height:1.75;
}

/* ---------- ROSTER REEL ---------- */
.agency-reel-block{
  margin-top:clamp(58px,6vw,86px);
}

.agency-reel-header{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 2px 12px;
  color:#66605c;
  font-size:6px;
  line-height:1;
  letter-spacing:.17em;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.agency-reel-header span:first-child{
  color:#8c8580;
}

.agency-reel-header span:last-child{
  text-align:right;
}

.agency-roster-reel{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  height:clamp(390px,38vw,610px);
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:#090708;
}

.agency-reel-item{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-right:1px solid rgba(255,255,255,.09);
  background:#0b0809;
}

.agency-reel-item:last-child{
  border-right:0;
}

.agency-reel-item:before{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--cyan);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .55s var(--ease);
}

.agency-reel-item video{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.70) contrast(1.08) brightness(.66);
  transform:scale(1.035);
  transition:
    transform .8s var(--ease),
    filter .55s ease;
}

.agency-reel-item--facu video{object-position:50% 48%}
.agency-reel-item--renzo video{object-position:52% 45%}
.agency-reel-item--afernand video{object-position:50% 48%}
.agency-reel-item--kaass video{object-position:50% 42%}

.agency-reel-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(7,5,6,.05) 24%,rgba(7,5,6,.73) 100%),
    linear-gradient(90deg,rgba(32,212,247,.018),transparent 52%);
  pointer-events:none;
  transition:background .45s ease;
}

.agency-reel-item:hover:before{
  transform:scaleX(1);
}

.agency-reel-item:hover video{
  transform:scale(1.075);
  filter:saturate(.92) contrast(1.08) brightness(.80);
}

.agency-reel-item:hover .agency-reel-shade{
  background:
    linear-gradient(180deg,rgba(7,5,6,.02) 22%,rgba(7,5,6,.57) 100%),
    linear-gradient(90deg,rgba(32,212,247,.04),transparent 58%);
}

.agency-reel-meta{
  position:absolute;
  z-index:3;
  left:22px;
  right:22px;
  bottom:22px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
}

.agency-reel-meta span{
  color:var(--cyan);
  font-size:7px;
  letter-spacing:.15em;
}

.agency-reel-meta strong{
  color:#e8e3df;
  font-size:8px;
  font-weight:600;
  letter-spacing:.12em;
  text-align:right;
}

/* ---------- MANIFESTO + PILLARS ---------- */
.about-agency-lower{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(60px,8vw,125px);
  align-items:start;
  padding-top:clamp(68px,7vw,100px);
}

.about-agency-manifesto{
  max-width:650px;
}

.about-agency-label{
  display:block;
  margin-bottom:22px;
  color:var(--cyan);
  font-size:7px;
  letter-spacing:.16em;
}

.about-agency-kicker{
  margin:0;
  font-family:var(--display);
  font-size:clamp(40px,4vw,66px);
  font-weight:800;
  line-height:.93;
  letter-spacing:-.025em;
  text-transform:uppercase;
  color:#eee9e5;
}

.about-agency-copy{
  max-width:590px;
  margin:26px 0 0;
  color:#918a85;
  font-size:13px;
  line-height:1.75;
}

.agency-pillars{
  margin:0;
  border-top:1px solid rgba(255,255,255,.13);
}

.agency-pillar{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:18px;
  align-items:center;
  min-height:142px;
  padding:24px 6px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.12);
  transition:background .35s ease;
}

.agency-pillar:before{
  content:"";
  position:absolute;
  left:0;
  top:20px;
  bottom:20px;
  width:2px;
  background:var(--cyan);
  transform:scaleY(0);
  transform-origin:center;
  transition:transform .38s var(--ease);
}

.agency-pillar:hover{
  background:linear-gradient(90deg,rgba(32,212,247,.03),transparent 62%);
}

.agency-pillar:hover:before{
  transform:scaleY(1);
}

.agency-pillar-number{
  align-self:start;
  padding-top:5px;
  color:var(--cyan);
  font-size:8px;
  letter-spacing:.14em;
}

.agency-pillar small{
  display:block;
  margin-bottom:8px;
  color:#625d59;
  font-size:6px;
  letter-spacing:.17em;
}

.agency-pillar h3{
  margin:0;
  font-family:var(--display);
  font-size:clamp(32px,3vw,50px);
  font-weight:800;
  line-height:.9;
  letter-spacing:-.015em;
  color:#e8e3df;
  transition:transform .35s var(--ease),color .3s ease;
}

.agency-pillar p{
  max-width:610px;
  margin:11px 0 0;
  color:#77716d;
  font-size:11px;
  line-height:1.6;
  transition:color .3s ease;
}

.agency-pillar:hover h3{
  transform:translateX(5px);
  color:#f4efeb;
}

.agency-pillar:hover p{
  color:#aaa29d;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1050px){
  .about-agency-head h2{
    font-size:clamp(60px,9vw,96px);
  }

  .agency-roster-reel{
    grid-template-columns:repeat(2,1fr);
    height:auto;
  }

  .agency-reel-item{
    aspect-ratio:16/10;
    border-bottom:1px solid rgba(255,255,255,.09);
  }

  .agency-reel-item:nth-child(2){
    border-right:0;
  }

  .agency-reel-item:nth-child(n+3){
    border-bottom:0;
  }

  .about-agency-lower{
    grid-template-columns:1fr;
    gap:56px;
  }

  .about-agency-manifesto{
    max-width:760px;
  }
}

@media(max-width:760px){
  .about-agency-shell{
    padding-top:95px;
    padding-bottom:95px;
  }

  .about-agency-head{
    padding-bottom:42px;
  }

  .about-agency-head .section-index{
    margin-bottom:22px;
  }

  .about-agency-head h2{
    font-size:clamp(53px,14vw,82px);
    line-height:.88;
  }

  .about-agency-intro{
    margin-top:24px;
    max-width:650px;
    font-size:13px;
  }

  .agency-reel-header{
    min-height:34px;
    font-size:5.5px;
  }

  .agency-roster-reel{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin-left:-20px;
    margin-right:-20px;
  }

  .agency-roster-reel::-webkit-scrollbar{display:none}

  .agency-reel-item{
    flex:0 0 min(76vw,410px);
    aspect-ratio:4/5;
    scroll-snap-align:start;
    border-bottom:0;
    border-right:1px solid rgba(255,255,255,.09)!important;
  }

  .about-agency-lower{
    padding-top:58px;
    gap:48px;
  }

  .about-agency-kicker{
    font-size:clamp(39px,11vw,60px);
  }

  .agency-pillar{
    min-height:130px;
  }
}

@media(max-width:520px){
  .about-agency-head h2{
    font-size:clamp(48px,15vw,70px);
  }

  .agency-reel-header span:last-child{
    display:none;
  }

  .agency-reel-item{
    flex-basis:82vw;
  }

  .agency-pillar{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
    padding:22px 4px;
  }

  .agency-pillar h3{
    font-size:32px;
  }

  .agency-pillar p{
    font-size:10.5px;
  }
}


/* =========================================================
   V52 — 04 / SERVICIOS
   Editorial accordion. Cyan/red brand language, real + / −
   icon transition, stronger hierarchy and richer content.
   ========================================================= */

.services{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 91% 18%,rgba(32,212,247,.045),transparent 24%),
    radial-gradient(circle at 8% 71%,rgba(124,13,25,.15),transparent 30%),
    #090708;
  border-top:1px solid rgba(255,255,255,.07);
}

.services:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
  background-size:10vw 100%;
  opacity:.32;
}

.services-shell{
  position:relative;
  z-index:1;
  padding-top:clamp(110px,9vw,150px);
  padding-bottom:clamp(100px,8vw,135px);
}

/* ---------- INTRO ---------- */
.services-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);
  gap:clamp(55px,8vw,135px);
  align-items:end;
  padding-bottom:clamp(60px,6vw,82px);
}

.services-intro-main .section-index{
  margin:0 0 28px;
  color:var(--cyan);
  font-size:9px;
  letter-spacing:.17em;
}

.services-intro h2{
  margin:0;
  max-width:980px;
  font-family:var(--display);
  font-size:clamp(68px,7.6vw,124px);
  font-weight:800;
  line-height:.82;
  letter-spacing:-.04em;
  text-transform:uppercase;
  color:#f2ede9;
}

.services-intro h2 span{
  display:block;
  margin-top:5px;
  color:transparent;
  -webkit-text-stroke:1px rgba(242,237,233,.58);
}

.services-intro-copy{
  max-width:480px;
  padding-bottom:7px;
}

.services-intro-label{
  display:block;
  margin-bottom:18px;
  color:#68615d;
  font-size:7px;
  letter-spacing:.17em;
}

.services-intro-copy p{
  margin:0;
  color:#aaa29d;
  font-size:13px;
  line-height:1.75;
}

/* ---------- SERVICE LIST ---------- */
.service-list{
  border-top:1px solid rgba(255,255,255,.13);
}

.service-item{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.12);
  isolation:isolate;
}

.service-item:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at 4% 50%,rgba(116,13,26,.20),transparent 30%),
    linear-gradient(90deg,rgba(32,212,247,.025),transparent 58%);
  opacity:0;
  transition:opacity .4s ease;
}

.service-item:hover:before,
.service-item.open:before{
  opacity:1;
}

.service-item > button{
  position:relative;
  width:100%;
  min-height:156px;
  padding:22px 0;
  display:grid;
  grid-template-columns:56px minmax(280px,.78fr) minmax(240px,.52fr) 54px;
  gap:24px;
  align-items:center;
  border:0;
  background:transparent;
  color:#eee9e5;
  text-align:left;
  cursor:pointer;
}

.service-number{
  align-self:start;
  padding-top:14px;
  color:var(--cyan);
  font-size:8px;
  letter-spacing:.15em;
}

.service-heading{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.service-heading small{
  color:#625c58;
  font-size:6px;
  font-weight:500;
  letter-spacing:.17em;
  transition:color .3s ease;
}

.service-heading strong{
  margin:0;
  font-family:var(--display);
  font-size:clamp(50px,5vw,78px);
  font-weight:800;
  line-height:.88;
  letter-spacing:-.025em;
  text-transform:uppercase;
  transition:transform .4s var(--ease),color .3s ease;
}

.service-summary{
  justify-self:start;
  color:#68625e;
  font-size:7px;
  line-height:1.6;
  letter-spacing:.14em;
  transition:color .3s ease;
}

.service-toggle{
  position:relative;
  justify-self:end;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  transition:
    border-color .3s ease,
    background .3s ease,
    transform .35s var(--ease);
}

.service-toggle:before,
.service-toggle:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:13px;
  height:1px;
  background:var(--cyan);
  transform:translate(-50%,-50%);
  transition:transform .35s var(--ease),opacity .3s ease;
}

.service-toggle:after{
  transform:translate(-50%,-50%) rotate(90deg);
}

/* plus becomes a real minus when opened */
.service-item.open .service-toggle:after{
  transform:translate(-50%,-50%) rotate(90deg) scaleX(0);
  opacity:0;
}

.service-item:hover .service-toggle,
.service-item.open .service-toggle{
  border-color:rgba(32,212,247,.38);
  background:rgba(32,212,247,.04);
}

.service-item:hover .service-heading strong{
  transform:translateX(7px);
}

.service-item:hover .service-heading small,
.service-item:hover .service-summary,
.service-item.open .service-heading small,
.service-item.open .service-summary{
  color:#99918c;
}

.service-item.open .service-heading strong{
  color:#fff;
}

/* ---------- REVEAL PANEL ---------- */
.service-panel{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:
    grid-template-rows .58s var(--ease),
    opacity .35s ease;
}

.service-item.open .service-panel{
  grid-template-rows:1fr;
  opacity:1;
}

.service-panel-inner{
  min-height:0;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);
  gap:clamp(55px,7vw,115px);
  margin-left:80px;
  padding:0 54px 0 0;
}

.service-item.open .service-panel-inner{
  padding-top:5px;
  padding-bottom:48px;
}

.service-panel-copy{
  max-width:610px;
}

.service-panel-copy > span{
  display:block;
  margin-bottom:17px;
  color:#5f5955;
  font-size:6px;
  letter-spacing:.17em;
}

.service-panel-copy p{
  margin:0;
  color:#b6aea8;
  font-size:14px;
  line-height:1.75;
}

.service-panel-points{
  border-top:1px solid rgba(255,255,255,.09);
}

.service-panel-points > div{
  min-height:58px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.service-panel-points span{
  color:var(--cyan);
  font-size:6px;
  letter-spacing:.14em;
}

.service-panel-points strong{
  color:#8f8883;
  font-size:8px;
  font-weight:500;
  letter-spacing:.13em;
}

/* ---------- END NOTE ---------- */
.services-footer-note{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:44px;
  color:#56514d;
  font-size:6px;
  letter-spacing:.17em;
}

.services-footer-note i{
  flex:1;
  height:1px;
  background:rgba(255,255,255,.08);
}

.services-footer-note strong{
  color:#6e6863;
  font-size:6px;
  font-weight:500;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1050px){
  .services-intro{
    grid-template-columns:1fr;
    gap:34px;
  }

  .services-intro-copy{
    max-width:680px;
  }

  .service-item > button{
    grid-template-columns:46px minmax(240px,1fr) minmax(190px,.62fr) 48px;
  }

  .service-panel-inner{
    grid-template-columns:1fr 1fr;
    margin-left:70px;
  }
}

@media(max-width:760px){
  .services-shell{
    padding-top:95px;
    padding-bottom:95px;
  }

  .services-intro{
    padding-bottom:48px;
  }

  .services-intro h2{
    font-size:clamp(55px,14.5vw,84px);
  }

  .service-item > button{
    min-height:126px;
    grid-template-columns:34px minmax(0,1fr) 42px;
    gap:12px;
    padding:18px 0;
  }

  .service-summary{
    display:none;
  }

  .service-number{
    padding-top:10px;
  }

  .service-heading strong{
    font-size:clamp(42px,11vw,62px);
  }

  .service-toggle{
    width:34px;
    height:34px;
  }

  .service-panel-inner{
    grid-template-columns:1fr;
    gap:30px;
    margin-left:46px;
    padding-right:0;
  }

  .service-item.open .service-panel-inner{
    padding-bottom:38px;
  }
}

@media(max-width:520px){
  .services-intro h2{
    font-size:clamp(48px,15vw,70px);
  }

  .services-intro-copy p{
    font-size:12.5px;
  }

  .service-item > button{
    min-height:112px;
    grid-template-columns:28px minmax(0,1fr) 36px;
  }

  .service-heading small{
    font-size:5.5px;
  }

  .service-heading strong{
    font-size:clamp(38px,11.5vw,54px);
  }

  .service-toggle{
    width:32px;
    height:32px;
  }

  .service-panel-inner{
    margin-left:40px;
  }

  .service-panel-copy p{
    font-size:13px;
  }

  .services-footer-note span{
    display:none;
  }
}


/* =========================================================
   V53 — SERVICES COLOR / TYPOGRAPHY POLISH
   Burgundy replaces the previous orange emphasis.
   ========================================================= */

:root{
  --services-burgundy:#8E1F2D;
  --services-burgundy-soft:#741923;
  --services-burgundy-deep:#5E131C;
}

/* Main service names: deep burgundy, consistent with the site atmosphere. */
#servicios .service-heading strong{
  color:var(--services-burgundy) !important;
  text-shadow:0 0 0 transparent;
}

/* Hover/open: slightly brighter, never neon. */
#servicios .service-item:hover .service-heading strong,
#servicios .service-item.open .service-heading strong{
  color:#A52A39 !important;
}

/* Keep cyan exclusively for functional/navigation cues. */
#servicios .service-number{
  color:var(--cyan) !important;
}

#servicios .service-toggle:before,
#servicios .service-toggle:after{
  background:var(--cyan) !important;
}

/* Secondary descriptor: slightly larger and less isolated. */
#servicios .service-summary{
  font-size:8px;
  line-height:1.55;
  letter-spacing:.125em;
  color:#817A75;
  transform:translateX(-8px);
}

/* Header copy: a touch more legible against the large display title. */
#servicios .services-intro-copy p{
  color:#B6AEA8;
  font-size:14px;
  line-height:1.72;
}

/* Use burgundy as atmosphere rather than a loud highlight. */
#servicios .service-item:before{
  background:
    radial-gradient(circle at 5% 50%,rgba(142,31,45,.18),transparent 31%),
    linear-gradient(90deg,rgba(94,19,28,.075),rgba(32,212,247,.018) 52%,transparent 76%);
}

#servicios .service-item:hover:before,
#servicios .service-item.open:before{
  opacity:1;
}

/* Subtle burgundy accent on the expanded content, while cyan remains functional. */
#servicios .service-item.open .service-panel-copy > span{
  color:#9A4650;
}

#servicios .service-item.open .service-panel-points strong{
  color:#AAA29D;
}

/* The + / − button remains cyan but receives a dark-red ambient halo. */
#servicios .service-item:hover .service-toggle,
#servicios .service-item.open .service-toggle{
  border-color:rgba(32,212,247,.38);
  background:
    radial-gradient(circle,rgba(142,31,45,.13),rgba(32,212,247,.035) 68%,transparent 70%);
  box-shadow:0 0 24px rgba(94,19,28,.12);
}

@media(max-width:760px){
  #servicios .service-summary{
    transform:none;
  }

  #servicios .services-intro-copy p{
    font-size:13px;
  }
}


/* =========================================================
   V54 — 05 / EN ESCENA
   Cinematic live archive, editorial grid, finale + marquee.
   ========================================================= */
.scene-v54{position:relative;min-height:0;overflow:hidden;padding:0;background:radial-gradient(circle at 9% 18%,rgba(142,31,45,.16),transparent 28%),radial-gradient(circle at 92% 66%,rgba(32,212,247,.035),transparent 23%),linear-gradient(180deg,#080707 0%,#0b0708 49%,#070606 100%);border-top:1px solid rgba(255,255,255,.07)}
.scene-v54:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);background-size:10vw 100%;opacity:.28}
.scene-shell{position:relative;z-index:2;padding-top:clamp(110px,9vw,150px);padding-bottom:clamp(88px,7vw,120px)}
.scene-intro{padding-bottom:clamp(52px,5vw,72px);border-bottom:1px solid rgba(255,255,255,.11)}
.scene-intro>.section-index{margin:0 0 28px;color:var(--cyan);font-size:9px;letter-spacing:.17em}
.scene-intro-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.52fr);gap:clamp(55px,8vw,130px);align-items:end}
.scene-intro h2{margin:0;max-width:1050px;font-family:var(--display);font-size:clamp(72px,8.3vw,136px);font-weight:800;line-height:.82;letter-spacing:-.045em;text-transform:uppercase;color:#f2ede9}
.scene-intro h2 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(242,237,233,.60)}
.scene-intro-copy{max-width:460px;padding-bottom:8px}.scene-intro-copy>span{display:block;margin-bottom:17px;color:#6b6561;font-size:7px;letter-spacing:.17em}.scene-intro-copy p{margin:0;color:#aaa29d;font-size:13px;line-height:1.75}

.scene-feature{margin-top:clamp(58px,6vw,86px)}
.scene-feature-media{position:relative;height:clamp(520px,58vw,820px);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#090808;isolation:isolate}
.scene-feature-blur,.scene-feature-main{position:absolute;inset:0;width:100%;height:100%}
.scene-feature-blur{object-fit:cover;transform:scale(1.16);filter:blur(28px) saturate(.75) brightness(.43);opacity:.72}
.scene-feature-main{z-index:1;object-fit:contain;filter:saturate(.88) contrast(1.06) brightness(.80);transition:transform .9s var(--ease),filter .55s ease}
.scene-feature-media:hover .scene-feature-main{transform:scale(1.018);filter:saturate(.98) contrast(1.07) brightness(.88)}
.scene-feature-overlay{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,5,5,.30),transparent 28%,transparent 62%,rgba(6,5,5,.78)),linear-gradient(90deg,rgba(7,5,6,.28),transparent 25%,transparent 75%,rgba(7,5,6,.26))}
.scene-feature-top{position:absolute;z-index:3;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;gap:20px;color:#d0c9c4;font-size:7px;letter-spacing:.15em}.scene-feature-top span:first-child{color:var(--cyan)}
.scene-feature-bottom{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:30px}.scene-feature-bottom div{max-width:790px}.scene-feature-bottom small{display:block;margin-bottom:9px;color:#817a75;font-size:6px;letter-spacing:.17em}.scene-feature-bottom strong{display:block;font-family:var(--display);font-size:clamp(32px,4.2vw,68px);font-weight:800;line-height:.9;color:#eee9e5;letter-spacing:-.02em}.scene-live-dot{display:flex;align-items:center;gap:8px;color:#aaa29d;font-size:6px;letter-spacing:.15em;white-space:nowrap}.scene-live-dot i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(32,212,247,.4)}

.scene-archive-head{display:grid;grid-template-columns:1fr minmax(280px,.52fr);gap:clamp(50px,7vw,110px);align-items:end;margin-top:clamp(88px,8vw,125px);padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.10)}
.scene-archive-head>div>span{display:block;margin-bottom:18px;color:var(--cyan);font-size:7px;letter-spacing:.17em}.scene-archive-head h3{margin:0;font-family:var(--display);font-size:clamp(42px,5vw,78px);line-height:.88;letter-spacing:-.025em;color:#eee9e5}.scene-archive-head h3 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(238,233,229,.52)}.scene-archive-head p{max-width:440px;margin:0;color:#88817c;font-size:12px;line-height:1.7}

.scene-archive{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start;padding-top:32px}
.scene-card{position:relative;min-width:0}.scene-card--facu{grid-column:1/span 5}.scene-card--renzo{grid-column:7/span 4;margin-top:105px}.scene-card--afernand{grid-column:2/span 4;margin-top:34px}.scene-card--kaass{grid-column:7/span 5;margin-top:-10px}
.scene-card-media{position:relative;overflow:hidden;aspect-ratio:4/5;border:1px solid rgba(255,255,255,.10);background:#0c0a0b}.scene-card--renzo .scene-card-media,.scene-card--afernand .scene-card-media{aspect-ratio:9/12}.scene-card-media:before{content:"";position:absolute;z-index:3;inset:0 auto auto 0;width:100%;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.scene-card video{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.07) brightness(.72);transform:scale(1.025);transition:transform .8s var(--ease),filter .55s ease}.scene-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,4,5,.60));pointer-events:none}.scene-card:hover .scene-card-media:before{transform:scaleX(1)}.scene-card:hover video{transform:scale(1.065);filter:saturate(.96) contrast(1.07) brightness(.84)}
.scene-card footer{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;min-height:70px;padding:0 2px;border-bottom:1px solid rgba(255,255,255,.09)}.scene-card footer span{color:var(--cyan);font-size:6px;letter-spacing:.14em}.scene-card footer strong{font-family:var(--display);font-size:clamp(22px,2.2vw,34px);line-height:.9;color:#e9e4df;text-align:center}.scene-card footer small{color:#625d59;font-size:5.5px;letter-spacing:.13em;white-space:nowrap}

.scene-finale{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(360px,1.05fr) minmax(220px,.68fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(105px,10vw,155px);padding:clamp(54px,6vw,80px) 0;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
.scene-finale-media{position:relative;overflow:hidden;aspect-ratio:9/14;background:#0c090a}.scene-finale-media--left{transform:translateY(24px)}.scene-finale-media--right{transform:translateY(-24px)}.scene-finale-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.70) contrast(1.08) brightness(.62);transition:transform .8s var(--ease),filter .55s ease}.scene-finale-media>span{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,5,.04),rgba(6,5,5,.45))}.scene-finale-media:hover video{transform:scale(1.05);filter:saturate(.92) contrast(1.08) brightness(.78)}
.scene-finale-copy{text-align:center}.scene-finale-copy>small{display:block;margin-bottom:20px;color:var(--cyan);font-size:6px;letter-spacing:.18em}.scene-finale-copy h3{margin:0;font-family:var(--display);font-size:clamp(45px,5.4vw,84px);font-weight:800;line-height:.86;letter-spacing:-.03em;color:#ede8e4}.scene-finale-copy h3 em{font-style:normal;color:var(--services-burgundy,#8E1F2D)}.scene-finale-copy p{max-width:500px;margin:24px auto 0;color:#8e8782;font-size:12px;line-height:1.7}

.scene-marquee{position:relative;z-index:2;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#080707;padding:23px 0}.scene-marquee-track{width:max-content;display:flex;align-items:center;gap:28px;animation:sceneMarquee 30s linear infinite;will-change:transform}.scene-marquee span{font-family:var(--display);font-size:clamp(32px,3.4vw,52px);font-weight:800;line-height:1;color:#e6e0dc;letter-spacing:-.01em;white-space:nowrap}.scene-marquee b{color:var(--cyan);font-size:13px;font-weight:400}
@keyframes sceneMarquee{to{transform:translateX(-50%)}}

@media(max-width:1050px){
.scene-intro-grid,.scene-archive-head{grid-template-columns:1fr;gap:30px}.scene-intro-copy,.scene-archive-head p{max-width:680px}
.scene-archive{gap:16px}.scene-card--facu{grid-column:1/span 6}.scene-card--renzo{grid-column:7/span 6;margin-top:70px}.scene-card--afernand{grid-column:1/span 5}.scene-card--kaass{grid-column:6/span 7;margin-top:40px}
.scene-finale{grid-template-columns:.7fr 1.2fr .7fr}
}
@media(max-width:760px){
.scene-shell{padding-top:95px;padding-bottom:85px}.scene-intro h2{font-size:clamp(58px,16vw,86px)}.scene-feature-media{height:min(78svh,680px)}.scene-feature-top{left:16px;right:16px;top:16px}.scene-feature-bottom{left:16px;right:16px;bottom:17px}.scene-live-dot{display:none}.scene-feature-bottom strong{font-size:clamp(30px,9vw,48px)}
.scene-archive{display:flex;overflow-x:auto;gap:14px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.scene-archive::-webkit-scrollbar{display:none}.scene-card,.scene-card--facu,.scene-card--renzo,.scene-card--afernand,.scene-card--kaass{flex:0 0 min(78vw,390px);margin-top:0;scroll-snap-align:start}
.scene-card footer{grid-template-columns:1fr auto;min-height:64px}.scene-card footer strong{grid-column:1;grid-row:1;text-align:left}.scene-card footer span{grid-column:1;grid-row:2}.scene-card footer small{grid-column:2;grid-row:1/span 2}
.scene-finale{grid-template-columns:1fr 1fr;gap:14px;padding-top:50px;padding-bottom:50px}.scene-finale-copy{grid-column:1/-1;grid-row:1;padding-bottom:22px}.scene-finale-media--left,.scene-finale-media--right{grid-row:2;transform:none}.scene-marquee{padding:18px 0}
}
@media(max-width:520px){
.scene-intro h2{font-size:clamp(52px,16vw,74px)}.scene-feature-media{height:66svh}.scene-feature-main{object-fit:cover}.scene-feature-blur{display:none}.scene-feature-bottom small{display:none}.scene-archive-head h3{font-size:clamp(39px,11vw,58px)}.scene-card{flex-basis:82vw}
.scene-finale{grid-template-columns:1fr}.scene-finale-copy{grid-column:1}.scene-finale-media{grid-column:1;aspect-ratio:16/10}.scene-finale-media--left{grid-row:2}.scene-finale-media--right{grid-row:3}.scene-finale-copy h3{font-size:clamp(44px,13vw,64px)}
}
@media(prefers-reduced-motion:reduce){.scene-marquee-track{animation:none}.scene-card video,.scene-feature-main,.scene-finale-media video{transition:none}}


/* =========================================================
   V55 — EN ESCENA TITLE + FEATURE VIDEO FIX
   More distinctive editorial title, subtle OFA signature,
   and synchronized feature video playback.
   ========================================================= */

/* New title hierarchy: white + burgundy, cyan only as a precise accent. */
#escena .scene-intro h2{
  max-width:1120px;
  line-height:.82;
}

#escena .scene-title-main{
  display:block;
  color:#F1ECE8;
  -webkit-text-stroke:0;
}

#escena .scene-title-accent{
  position:relative;
  display:inline-block;
  margin-top:6px;
  color:#9B2634;
  -webkit-text-stroke:0;
  text-shadow:0 0 34px rgba(142,31,45,.08);
}

#escena .scene-title-accent i{
  position:absolute;
  right:-34px;
  bottom:14px;
  width:24px;
  height:5px;
  background:var(--cyan);
  transform:skewX(-28deg);
  box-shadow:0 0 16px rgba(32,212,247,.12);
}

/* Logo is now used as a restrained editorial signature, never as a floating card. */
#escena .scene-intro-signature{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:22px;
}

#escena .scene-intro-signature img{
  width:42px;
  height:42px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
}

#escena .scene-intro-signature div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

#escena .scene-intro-signature span{
  color:#D4CDC8;
  font-size:7px;
  line-height:1;
  letter-spacing:.15em;
}

#escena .scene-intro-signature small{
  color:#69635F;
  font-size:5.5px;
  line-height:1;
  letter-spacing:.16em;
}

#escena .scene-intro-copy p{
  margin-top:0;
}

/* Feature film: slightly stronger framing, without adding decoration. */
#escena .scene-feature-media{
  box-shadow:
    0 34px 90px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.025);
}

#escena .scene-feature-main{
  will-change:transform;
}

#escena .scene-feature-blur{
  will-change:transform,filter;
}

/* Small burgundy/cyan balance in the feature metadata. */
#escena .scene-feature-bottom strong{
  max-width:900px;
}

#escena .scene-feature-top span:last-child{
  color:#8C8580;
}

@media(max-width:1050px){
  #escena .scene-title-accent i{
    right:-28px;
    bottom:10px;
    width:20px;
    height:4px;
  }
}

@media(max-width:760px){
  #escena .scene-intro-signature{
    margin-bottom:18px;
  }

  #escena .scene-intro-signature img{
    width:36px;
    height:36px;
  }

  #escena .scene-title-accent i{
    right:-21px;
    bottom:8px;
    width:16px;
    height:4px;
  }
}

@media(max-width:520px){
  #escena .scene-title-main{
    line-height:.88;
  }

  #escena .scene-title-accent{
    line-height:.88;
  }

  #escena .scene-title-accent i{
    display:none;
  }

  #escena .scene-intro-signature img{
    width:32px;
    height:32px;
  }
}


/* =========================================================
   V56 — EN ESCENA / LOGO + AUDIO CONTROL
   ========================================================= */

#escena .scene-intro-copy{
  display:flex;
  flex-direction:column;
}

#escena .scene-intro-signature--logo{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 0 28px;
}

#escena .scene-intro-signature--logo img{
  display:block;
  width:min(190px,52%);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 14px 34px rgba(0,0,0,.30));
}

#escena .scene-intro-copy p{
  margin:0;
}

#escena .scene-feature-actions{
  display:flex;
  align-items:center;
  gap:14px;
}

#escena .scene-sound-toggle{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 12px 0 9px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  background:rgba(6,6,7,.52);
  color:#AAA29D;
  cursor:pointer;
  backdrop-filter:blur(10px);
  transition:border-color .3s ease,background .3s ease,color .3s ease,transform .3s var(--ease);
}

#escena .scene-sound-toggle:hover{
  transform:translateY(-1px);
  color:#EEE9E5;
  border-color:rgba(32,212,247,.40);
  background:rgba(7,10,11,.68);
}

#escena .scene-sound-toggle.is-on{
  color:#F0EBE7;
  border-color:rgba(32,212,247,.52);
  background:rgba(32,212,247,.055);
  box-shadow:0 0 24px rgba(32,212,247,.07);
}

#escena .scene-sound-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--cyan);
}

#escena .scene-sound-icon svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#escena .scene-sound-icon-on{display:none}
#escena .scene-sound-toggle.is-on .scene-sound-icon-off{display:none}
#escena .scene-sound-toggle.is-on .scene-sound-icon-on{display:block}

#escena .scene-sound-label{
  font-size:5.5px;
  letter-spacing:.15em;
  white-space:nowrap;
}

@media(max-width:760px){
  #escena .scene-intro-signature--logo{
    justify-content:flex-start;
    margin-bottom:22px;
  }

  #escena .scene-intro-signature--logo img{
    width:min(155px,46%);
  }

  #escena .scene-feature-actions>span{
    display:none;
  }

  #escena .scene-sound-toggle{
    min-height:32px;
    padding-right:10px;
  }
}

@media(max-width:520px){
  #escena .scene-intro-signature--logo img{
    width:130px;
  }

  #escena .scene-sound-label{
    display:none;
  }

  #escena .scene-sound-toggle{
    width:34px;
    padding:0;
    justify-content:center;
  }
}

/* =========================================================
   V58 — 06 / BOOKING — EDITORIAL / FLUID
   Less boxy, more atmospheric and asymmetrical.
   ========================================================= */

#booking.booking-v58{
  position:relative;
  min-height:0;
  display:block;
  overflow:hidden;
  color:#EEE9E5;
  background:
    radial-gradient(circle at 8% 18%,rgba(142,31,45,.24),transparent 31%),
    radial-gradient(circle at 90% 68%,rgba(32,212,247,.05),transparent 26%),
    linear-gradient(145deg,#090708 0%,#11070A 43%,#080707 100%);
  border-top:1px solid rgba(255,255,255,.07);
}

#booking.booking-v58:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);
  background-size:10vw 100%;
  opacity:.25;
}

/* ---------- AMBIENT SHAPES ---------- */
#booking .booking-v58-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

#booking .booking-v58-orbit{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.065);
}

#booking .booking-v58-orbit--1{
  width:min(52vw,780px);
  aspect-ratio:1;
  right:-16%;
  top:17%;
  box-shadow:
    0 0 0 92px rgba(32,212,247,.008),
    0 0 0 190px rgba(142,31,45,.012);
}

#booking .booking-v58-orbit--2{
  width:min(27vw,410px);
  aspect-ratio:1;
  left:-10%;
  bottom:-7%;
  border-color:rgba(142,31,45,.10);
}

#booking .booking-v58-beam{
  position:absolute;
  width:72%;
  height:120px;
  right:-10%;
  top:48%;
  background:linear-gradient(90deg,transparent,rgba(142,31,45,.12),rgba(32,212,247,.035),transparent);
  transform:rotate(-13deg);
  filter:blur(22px);
  opacity:.7;
}

#booking .booking-v58-shell{
  position:relative;
  z-index:2;
  padding-top:clamp(110px,9vw,150px);
  padding-bottom:clamp(92px,8vw,128px);
}

/* ---------- HEADER ---------- */
#booking .booking-v58-head{
  padding-bottom:clamp(56px,6vw,80px);
  border-bottom:1px solid rgba(255,255,255,.11);
}

#booking .booking-v58-head .section-index{
  margin:0 0 28px;
  color:var(--cyan);
  opacity:1;
  font-size:9px;
  letter-spacing:.17em;
}

#booking .booking-v58-title-grid{
  display:grid;
  grid-template-columns:minmax(0,1.24fr) minmax(300px,.48fr);
  gap:clamp(54px,8vw,130px);
  align-items:end;
}

#booking .booking-v58-title-grid h2{
  margin:0;
  max-width:1120px;
  font-family:var(--display);
  font-size:clamp(72px,8vw,132px);
  font-weight:800;
  line-height:.82;
  letter-spacing:-.045em;
  text-transform:uppercase;
  color:#F1ECE8;
}

#booking .booking-v58-title-grid h2 span{
  position:relative;
  display:inline-block;
  margin-top:5px;
  color:#9B2634;
  -webkit-text-stroke:0;
}

#booking .booking-v58-title-grid h2 span i{
  position:absolute;
  right:-34px;
  bottom:12px;
  width:24px;
  height:5px;
  background:var(--cyan);
  transform:skewX(-28deg);
}

#booking .booking-v58-title-grid > p{
  max-width:460px;
  margin:0 0 8px;
  color:#AAA29D;
  font-size:13px;
  line-height:1.75;
}

/* ---------- CONTENT ---------- */
#booking .booking-v58-content{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.78fr);
  gap:clamp(65px,8vw,125px);
  align-items:start;
  padding-top:clamp(70px,7vw,105px);
}

/* ---------- BRIEF ---------- */
#booking .booking-v58-brief{
  padding-top:6px;
}

#booking .booking-v58-kicker{
  display:block;
  margin-bottom:22px;
  color:var(--cyan);
  font-size:7px;
  letter-spacing:.17em;
}

#booking .booking-v58-brief h3{
  margin:0;
  max-width:720px;
  font-family:var(--display);
  font-size:clamp(54px,5.6vw,90px);
  font-weight:800;
  line-height:.86;
  letter-spacing:-.035em;
  color:#EEE9E5;
}

#booking .booking-v58-lead{
  max-width:640px;
  margin:27px 0 0;
  color:#8F8782;
  font-size:13px;
  line-height:1.75;
}

/* A diagonal flow instead of four equal rectangular rows */
#booking .booking-v58-flow{
  position:relative;
  margin-top:48px;
  padding-left:22px;
}

#booking .booking-v58-flow:before{
  content:"";
  position:absolute;
  left:8px;
  top:18px;
  bottom:18px;
  width:1px;
  background:linear-gradient(180deg,var(--cyan),rgba(142,31,45,.55),rgba(255,255,255,.08));
}

#booking .booking-v58-step{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:18px;
  align-items:center;
  min-height:92px;
  padding:12px 0;
  transition:transform .35s var(--ease);
}

#booking .booking-v58-step:nth-child(2){margin-left:30px}
#booking .booking-v58-step:nth-child(3){margin-left:60px}
#booking .booking-v58-step:nth-child(4){margin-left:90px}

#booking .booking-v58-step:hover{
  transform:translateX(8px);
}

#booking .booking-v58-step > span{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(32,212,247,.28);
  background:#0C090A;
  color:var(--cyan);
  font-size:7px;
  letter-spacing:.12em;
}

#booking .booking-v58-step > div{
  padding:0 0 14px;
  border-bottom:1px solid rgba(255,255,255,.085);
}

#booking .booking-v58-step small{
  display:block;
  margin-bottom:7px;
  color:#5F5955;
  font-size:6px;
  letter-spacing:.17em;
}

#booking .booking-v58-step strong{
  color:#A59D98;
  font-size:8px;
  font-weight:500;
  letter-spacing:.12em;
}

/* ---------- CONTACT SIDE ---------- */
#booking .booking-v58-contact{
  position:relative;
  padding-top:4px;
}

/* No rectangular card: identity floats inside an organic visual field */
#booking .booking-v58-identity{
  position:relative;
  min-height:430px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:46px 34px 38px;
  isolation:isolate;
}

#booking .booking-v58-identity:before{
  content:"";
  position:absolute;
  z-index:-2;
  width:92%;
  aspect-ratio:1.35;
  border-radius:46% 54% 58% 42% / 42% 38% 62% 58%;
  background:
    radial-gradient(circle at 50% 34%,rgba(32,212,247,.055),transparent 39%),
    linear-gradient(145deg,rgba(142,31,45,.13),rgba(255,255,255,.018) 56%,rgba(32,212,247,.025));
  border:1px solid rgba(255,255,255,.09);
  transform:rotate(-2deg);
  box-shadow:0 28px 90px rgba(0,0,0,.18);
}

#booking .booking-v58-logo-orbit{
  position:absolute;
  z-index:-1;
  top:26px;
  left:50%;
  width:220px;
  aspect-ratio:1;
  transform:translateX(-50%);
}

#booking .booking-v58-logo-orbit span{
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
}

#booking .booking-v58-logo-orbit span:nth-child(2){
  inset:22px;
  border-color:rgba(32,212,247,.14);
}

#booking .booking-v58-logo-orbit span:nth-child(3){
  inset:46px;
  border-color:rgba(142,31,45,.20);
}

#booking .booking-v58-identity > img{
  width:min(210px,46%);
  height:auto;
  object-fit:contain;
  margin-bottom:28px;
  filter:drop-shadow(0 16px 36px rgba(0,0,0,.30));
}

#booking .booking-v58-contact-copy{
  max-width:470px;
}

#booking .booking-v58-contact-copy small{
  display:block;
  margin-bottom:13px;
  color:#6A6460;
  font-size:6px;
  letter-spacing:.17em;
}

#booking .booking-v58-contact-copy h3{
  margin:0;
  font-family:var(--display);
  font-size:clamp(40px,3.8vw,62px);
  line-height:.88;
  font-weight:800;
  letter-spacing:-.025em;
  color:#EEE9E5;
}

#booking .booking-v58-contact-copy p{
  max-width:420px;
  margin:19px auto 0;
  color:#88807B;
  font-size:12px;
  line-height:1.7;
}

/* ---------- CONTACT CHANNELS ---------- */
#booking .booking-v58-channels{
  margin-top:24px;
}

#booking .booking-v58-channel{
  position:relative;
  min-height:86px;
  display:grid;
  grid-template-columns:34px 1fr 26px;
  gap:16px;
  align-items:center;
  padding:0 10px;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#E7E1DD;
  overflow:hidden;
}

#booking .booking-v58-channel:first-child{
  border-top:1px solid rgba(255,255,255,.09);
}

#booking a.booking-v58-channel{
  text-decoration:none;
}

#booking .booking-v58-channel--active:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(32,212,247,.055),rgba(142,31,45,.04),transparent 78%);
  opacity:.65;
  transform:translateX(-8%);
  transition:opacity .3s ease,transform .4s var(--ease);
}

#booking .booking-v58-channel--active:hover:before{
  opacity:1;
  transform:translateX(0);
}

#booking .booking-v58-channel-index{
  position:relative;
  z-index:2;
  color:var(--cyan);
  font-size:6px;
  letter-spacing:.14em;
}

#booking .booking-v58-channel-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:5px;
}

#booking .booking-v58-channel-copy small{
  color:#625C58;
  font-size:5.5px;
  letter-spacing:.16em;
}

#booking .booking-v58-channel-copy strong{
  font-family:var(--display);
  font-size:clamp(28px,2.6vw,40px);
  line-height:.9;
  font-weight:800;
  transition:transform .35s var(--ease),color .3s ease;
}

#booking .booking-v58-channel b{
  position:relative;
  z-index:2;
  color:#68615D;
  font-size:16px;
  font-weight:400;
  transition:transform .35s var(--ease),color .3s ease;
}

#booking a.booking-v58-channel:hover .booking-v58-channel-copy strong{
  color:#FFF;
  transform:translateX(5px);
}

#booking a.booking-v58-channel:hover b{
  color:var(--cyan);
  transform:translate(4px,-4px);
}

#booking .booking-v58-channel.is-disabled{
  opacity:.38;
}

#booking .booking-v58-privacy{
  margin:24px 8px 0;
  color:#5E5854;
  font-size:9px;
  line-height:1.65;
}

/* ---------- ROSTER CLOSE ---------- */
#booking .booking-v58-roster{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:32px;
  align-items:center;
  margin-top:clamp(70px,7vw,100px);
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.09);
}

#booking .booking-v58-roster > span{
  color:#5A5551;
  font-size:6px;
  letter-spacing:.17em;
}

#booking .booking-v58-roster-track{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:17px;
  flex-wrap:wrap;
}

#booking .booking-v58-roster-track strong{
  color:#A49C97;
  font-size:7px;
  font-weight:500;
  letter-spacing:.13em;
}

#booking .booking-v58-roster-track i{
  color:#8E1F2D;
  font-size:8px;
  font-style:normal;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1050px){
  #booking .booking-v58-title-grid,
  #booking .booking-v58-content{
    grid-template-columns:1fr;
  }

  #booking .booking-v58-title-grid{
    gap:30px;
  }

  #booking .booking-v58-title-grid > p{
    max-width:700px;
  }

  #booking .booking-v58-content{
    gap:72px;
  }

  #booking .booking-v58-contact{
    max-width:760px;
  }

  #booking .booking-v58-step:nth-child(2){margin-left:22px}
  #booking .booking-v58-step:nth-child(3){margin-left:44px}
  #booking .booking-v58-step:nth-child(4){margin-left:66px}
}

@media(max-width:760px){
  #booking .booking-v58-shell{
    padding-top:95px;
    padding-bottom:95px;
  }

  #booking .booking-v58-title-grid h2{
    font-size:clamp(58px,15vw,88px);
  }

  #booking .booking-v58-title-grid h2 span i{
    right:-22px;
    bottom:8px;
    width:16px;
    height:4px;
  }

  #booking .booking-v58-content{
    padding-top:58px;
  }

  #booking .booking-v58-brief h3{
    font-size:clamp(48px,12vw,68px);
  }

  #booking .booking-v58-flow{
    padding-left:12px;
  }

  #booking .booking-v58-step,
  #booking .booking-v58-step:nth-child(2),
  #booking .booking-v58-step:nth-child(3),
  #booking .booking-v58-step:nth-child(4){
    margin-left:0;
  }

  #booking .booking-v58-identity{
    min-height:390px;
    padding:40px 20px 34px;
  }

  #booking .booking-v58-identity > img{
    width:min(185px,48%);
  }

  #booking .booking-v58-roster{
    grid-template-columns:1fr;
    gap:17px;
  }

  #booking .booking-v58-roster-track{
    justify-content:flex-start;
  }
}

@media(max-width:520px){
  #booking .booking-v58-title-grid h2{
    font-size:clamp(52px,15.5vw,72px);
  }

  #booking .booking-v58-title-grid h2 span i{
    display:none;
  }

  #booking .booking-v58-title-grid > p,
  #booking .booking-v58-lead{
    font-size:12.5px;
  }

  #booking .booking-v58-step{
    min-height:84px;
    grid-template-columns:36px 1fr;
    gap:12px;
  }

  #booking .booking-v58-step > span{
    width:30px;
    height:30px;
  }

  #booking .booking-v58-identity{
    min-height:350px;
  }

  #booking .booking-v58-identity > img{
    width:160px;
  }

  #booking .booking-v58-contact-copy h3{
    font-size:clamp(38px,11vw,54px);
  }

  #booking .booking-v58-channel{
    min-height:78px;
    grid-template-columns:28px 1fr 22px;
    gap:12px;
  }

  #booking .booking-v58-roster-track i{
    display:none;
  }

  #booking .booking-v58-roster-track{
    gap:11px 18px;
  }
}

/* =========================================================
   V61 — HERO POLISH
   Larger logo without changing the emblem box, refined aircraft,
   and truly continuous roster marquee.
   ========================================================= */

/* Increase only the visible logo, not the Hero structure/orbit footprint. */
@media(min-width:901px){
  #inicio .hero-emblem > img{
    width:82%;
    max-height:90%;
  }
}

/* Refined aircraft: cleaner chrome silhouette + restrained cyan trail. */
#inicio .orbit-plane{
  top:-15px;
  width:36px;
  height:36px;
  color:#E9EEF1;
  filter:
    drop-shadow(0 2px 2px rgba(0,0,0,.48))
    drop-shadow(0 0 8px rgba(32,212,247,.34));
}

#inicio .orbit-plane svg{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  overflow:visible;
}

#inicio .orbit-plane-body{
  fill:url(#heroPlaneChrome);
  stroke:rgba(255,255,255,.72);
  stroke-width:.8;
  stroke-linejoin:round;
}

#inicio .orbit-plane-highlight{
  fill:none;
  stroke:rgba(255,255,255,.45);
  stroke-width:.9;
  stroke-linecap:round;
}

#inicio .orbit-plane-light{
  fill:var(--cyan);
  filter:drop-shadow(0 0 3px rgba(32,212,247,.90));
}

#inicio .orbit-plane-trail{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:54px;
  height:8px;
  transform:translate(-90%,-50%);
  pointer-events:none;
}

#inicio .orbit-plane-trail:before,
#inicio .orbit-plane-trail:after{
  content:"";
  position:absolute;
  right:0;
  height:1px;
  transform-origin:right center;
  background:linear-gradient(90deg,transparent 0%,rgba(32,212,247,.05) 22%,rgba(32,212,247,.64) 100%);
}

#inicio .orbit-plane-trail:before{
  top:2px;
  width:50px;
  transform:rotate(2deg);
}

#inicio .orbit-plane-trail:after{
  bottom:2px;
  width:38px;
  opacity:.52;
  transform:rotate(-2deg);
}

/* Remove legacy trail if a cached DOM/CSS version still contains it. */
#inicio .orbit-plane > i{
  display:none!important;
}

/*
  The former ticker used only two short groups. Each group was narrower
  than the viewport, so the strip could expose empty space mid-loop.
  V61 uses eight identical groups: four form the first half and four
  form the second. Translating exactly -50% is therefore seamless.
*/
#inicio .marquee-track{
  display:flex;
  align-items:center;
  gap:0!important;
  width:max-content;
  animation:heroMarqueeV61 56s linear infinite!important;
  will-change:transform;
}

#inicio .marquee-group{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:clamp(24px,2vw,36px);
  padding-right:clamp(24px,2vw,36px);
  white-space:nowrap;
}

@keyframes heroMarqueeV61{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@media(max-width:900px){
  #inicio .marquee-track{
    animation-duration:48s!important;
  }

  #inicio .marquee-group{
    gap:20px;
    padding-right:20px;
  }

  #inicio .orbit-plane{
    width:31px;
    height:31px;
    top:-13px;
  }

  #inicio .orbit-plane-trail{
    width:44px;
  }
}

@media(prefers-reduced-motion:reduce){
  #inicio .marquee-track{
    animation:none!important;
    transform:none!important;
  }
}


/* =========================================================
   V62 — HERO LOGO SCALE CORRECTION
   The visible logo is deliberately much larger while the
   emblem/orbit container and the rest of the Hero stay fixed.
   ========================================================= */

@media(min-width:901px){
  #inicio .hero-emblem > img{
    width:100%!important;
    max-width:none!important;
    max-height:104%!important;
  }
}

/* Keep the title visually connected to the enlarged mark. */
@media(min-width:901px) and (min-height:801px){
  #inicio .hero-copy{
    margin-top:clamp(2px,.8vh,10px);
  }
}

@media(min-width:901px) and (max-height:800px){
  #inicio .hero-emblem > img{
    width:96%!important;
    max-height:100%!important;
  }
}

/* Mobile stays controlled so the mark never clips the viewport. */
@media(max-width:900px){
  #inicio .hero-emblem > img{
    width:88%;
    max-height:94%;
  }
}

@media(max-width:520px){
  #inicio .hero-emblem > img{
    width:86%;
  }
}


/* =========================================================
   V63 — HERO FINAL POLISH
   Optical spacing, calmer aircraft and better text contrast.
   Structure, orbit mechanics and continuous marquee stay intact.
   ========================================================= */

/* Keep the V62 logo scale exactly as approved. */
@media(min-width:901px){
  #inicio .hero-emblem > img{
    width:100%!important;
    max-width:none!important;
    max-height:104%!important;
  }

  /* Bring logo + claim together as one composition. */
  #inicio .hero-copy{
    margin-top:-22px;
  }

  /* A very soft local darkening behind the claim/lede.
     This keeps the red atmosphere around the emblem but improves contrast below. */
  #inicio .hero-copy:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:48%;
    width:min(1040px,88vw);
    height:145%;
    transform:translate(-50%,-50%);
    pointer-events:none;
    background:
      radial-gradient(
        ellipse at center,
        rgba(5,4,5,.24) 0%,
        rgba(5,4,5,.13) 42%,
        rgba(5,4,5,0) 76%
      );
  }
}

/* Low-height desktop: keep the composition compact without collisions. */
@media(min-width:901px) and (max-height:800px){
  #inicio .hero-copy{
    margin-top:-24px;
  }

  #inicio .hero-copy:before{
    height:135%;
  }
}

/* Refine the orbiting aircraft so it reads as a detail, not a second focal point. */
#inicio .orbit-plane{
  width:31px;
  height:31px;
  top:-13px;
  filter:
    drop-shadow(0 2px 2px rgba(0,0,0,.44))
    drop-shadow(0 0 5px rgba(32,212,247,.22));
}

#inicio .orbit-plane-body{
  stroke:rgba(255,255,255,.50);
  stroke-width:.7;
}

#inicio .orbit-plane-highlight{
  stroke:rgba(255,255,255,.30);
  stroke-width:.75;
}

#inicio .orbit-plane-light{
  opacity:.82;
  filter:drop-shadow(0 0 2px rgba(32,212,247,.72));
}

#inicio .orbit-plane-trail{
  width:44px;
  opacity:.62;
}

#inicio .orbit-plane-trail:before{
  width:41px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(32,212,247,.03) 24%,
    rgba(32,212,247,.45) 100%
  );
}

#inicio .orbit-plane-trail:after{
  width:30px;
  opacity:.38;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(32,212,247,.02) 30%,
    rgba(32,212,247,.34) 100%
  );
}

/* Supporting copy: slightly tighter and more editorial. */
#inicio .hero-lede{
  max-width:650px;
  margin-top:20px;
  color:#C5BDB8;
  line-height:1.58;
}

/* Mobile stays conservative; the full mobile pass will be handled separately. */
@media(max-width:900px){
  #inicio .hero-copy{
    margin-top:-4px;
  }

  #inicio .orbit-plane{
    width:28px;
    height:28px;
    top:-12px;
  }

  #inicio .orbit-plane-trail{
    width:38px;
    opacity:.55;
  }
}

@media(max-width:520px){
  #inicio .hero-copy{
    margin-top:-2px;
  }
}


/* =========================================================
   V64 — HEADER / MAIN NAV POLISH
   Larger readable brand mark + EN ESCENA in primary navigation.
   ========================================================= */

@media(min-width:901px){
  .site-header .brand{
    gap:12px;
  }

  .site-header .brand img{
    width:56px;
    height:56px;
    flex:0 0 56px;
  }

  .site-header .brand > span{
    font-size:15.5px;
    line-height:.82;
  }

  .site-header .brand small{
    font-size:9px;
  }

  /* Five menu items still fit cleanly at desktop widths. */
  .site-header .desktop-nav{
    gap:clamp(22px,1.8vw,30px);
  }
}

/* Intermediate desktop widths: preserve breathing room. */
@media(min-width:901px) and (max-width:1180px){
  .site-header .brand img{
    width:52px;
    height:52px;
    flex-basis:52px;
  }

  .site-header .desktop-nav{
    gap:18px;
    font-size:10px;
  }
}

/* Mobile menu receives the new section only; its full redesign remains untouched. */
@media(max-width:900px){
  .site-header .brand img{
    width:46px;
    height:46px;
  }
}


/* =========================================================
   V65 — NAV LABEL + BOOKING PLATFORM ICONS
   ARTISTAS -> ROSTER and proper social/contact marks.
   ========================================================= */

/* Replace the old arrow/dash column with a platform mark. */
#booking .booking-v58-channel{
  grid-template-columns:34px minmax(0,1fr) 46px;
}

#booking .booking-v65-platform{
  position:relative;
  z-index:2;
  justify-self:end;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.11);
  color:#7C7570;
  transition:
    color .3s ease,
    border-color .3s ease,
    background .3s ease,
    transform .35s var(--ease),
    box-shadow .3s ease;
}

#booking .booking-v65-platform svg{
  width:18px;
  height:18px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Instagram is the active channel: cyan detail rather than a generic arrow. */
#booking .booking-v58-channel--active .booking-v65-platform--instagram{
  color:var(--cyan);
  border-color:rgba(32,212,247,.25);
  background:rgba(32,212,247,.025);
}

#booking a.booking-v58-channel:hover .booking-v65-platform--instagram{
  transform:translateY(-2px) scale(1.04);
  color:#F2EDE9;
  border-color:rgba(32,212,247,.48);
  background:rgba(32,212,247,.055);
  box-shadow:0 0 22px rgba(32,212,247,.08);
}

/* Future channels remain quieter, but their identity is immediately readable. */
#booking .booking-v58-channel.is-disabled .booking-v65-platform{
  color:#77706B;
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.012);
}

/* WhatsApp and Gmail keep a tiny brand-informed cue without turning the site colorful. */
#booking .booking-v65-platform--whatsapp{
  color:#7C8C82;
}

#booking .booking-v65-platform--gmail{
  color:#8D7478;
}

#booking .booking-v65-gmail-m{
  stroke-width:1.65;
}

/* The legacy b element is no longer used in these rows. */
#booking .booking-v58-channel > b{
  display:none;
}

@media(max-width:520px){
  #booking .booking-v58-channel{
    grid-template-columns:28px minmax(0,1fr) 40px;
  }

  #booking .booking-v65-platform{
    width:34px;
    height:34px;
  }

  #booking .booking-v65-platform svg{
    width:16px;
    height:16px;
  }
}


/* =========================================================
   V66 — MOBILE LAYOUT POLISH
   Roster title + Agency mobile reel + En Escena mobile system.
   ========================================================= */

/* ---------------------------------------------------------
   02 / ROSTER — stronger title on desktop and mobile
   --------------------------------------------------------- */
#artistas #roster-title .roster-title-main{
  color:#F1ECE8;
}

#artistas #roster-title .roster-title-accent{
  position:relative;
  display:inline-block;
  color:#9B2634;
  text-shadow:0 12px 34px rgba(142,31,45,.12);
}

#artistas #roster-title .roster-title-accent i{
  position:absolute;
  right:-32px;
  bottom:12px;
  width:22px;
  height:5px;
  background:var(--cyan);
  transform:skewX(-28deg);
  box-shadow:0 0 15px rgba(32,212,247,.10);
}

/* Agency reel controls are mobile-only. */
.agency-reel-nav,
.agency-reel-counter{
  display:none;
}

/* ---------------------------------------------------------
   MOBILE / TABLET PORTRAIT
   --------------------------------------------------------- */
@media(max-width:760px){

  /* ---------- 02 / ROSTER ---------- */
  #artistas #roster-title .roster-title-accent i{
    right:-20px;
    bottom:8px;
    width:15px;
    height:4px;
  }

  /* ---------- 03 / ONLY FRIENDS AGENCY ---------- */
  #nosotros .agency-reel-block{
    position:relative;
    margin-top:52px;
  }

  #nosotros .agency-reel-header{
    margin-bottom:14px;
    border-bottom:0;
  }

  /*
    Replace the horizontal strip with one centered hero card.
    Previous/next cards stay visible as soft blurred previews.
  */
  #nosotros .agency-roster-reel{
    position:relative;
    display:block;
    width:calc(100% + 40px);
    height:min(72svh,570px);
    min-height:470px;
    margin-left:-20px;
    margin-right:-20px;
    overflow:hidden;
    border:0;
    background:
      radial-gradient(circle at 50% 48%,rgba(142,31,45,.11),transparent 45%),
      transparent;
  }

  #nosotros .agency-reel-item{
    position:absolute;
    left:50%;
    top:50%;
    width:min(70vw,360px);
    height:auto;
    aspect-ratio:4/5;
    margin:0!important;
    border:1px solid rgba(255,255,255,.10)!important;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(.72);
    transform-origin:center;
    transition:
      transform .58s var(--ease),
      opacity .42s ease,
      filter .42s ease;
    z-index:1;
    box-shadow:0 28px 70px rgba(0,0,0,.24);
  }

  #nosotros .agency-reel-item video{
    transform:scale(1.025);
    filter:saturate(.58) contrast(1.05) brightness(.50) blur(3px);
    transition:
      transform .65s var(--ease),
      filter .45s ease;
  }

  #nosotros .agency-reel-item .agency-reel-shade{
    background:
      linear-gradient(180deg,rgba(7,5,6,.16) 22%,rgba(7,5,6,.76) 100%);
  }

  #nosotros .agency-reel-item.is-active{
    z-index:4;
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,-50%) scale(1);
    filter:none;
  }

  #nosotros .agency-reel-item.is-active video{
    transform:scale(1.035);
    filter:saturate(.82) contrast(1.07) brightness(.72);
  }

  #nosotros .agency-reel-item.is-prev{
    z-index:2;
    opacity:.42;
    transform:translate(calc(-50% - 60vw),-50%) scale(.76);
    filter:blur(1.5px);
  }

  #nosotros .agency-reel-item.is-next{
    z-index:2;
    opacity:.42;
    transform:translate(calc(-50% + 60vw),-50%) scale(.76);
    filter:blur(1.5px);
  }

  #nosotros .agency-reel-item.is-prev video,
  #nosotros .agency-reel-item.is-next video{
    filter:saturate(.42) contrast(1.03) brightness(.40) blur(5px);
  }

  #nosotros .agency-reel-meta{
    left:17px;
    right:17px;
    bottom:17px;
  }

  #nosotros .agency-reel-meta span{
    font-size:7px;
  }

  #nosotros .agency-reel-meta strong{
    font-size:8px;
  }

  #nosotros .agency-reel-nav{
    position:absolute;
    z-index:7;
    top:50%;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    background:rgba(7,6,7,.72);
    color:#EEE9E5;
    backdrop-filter:blur(10px);
    cursor:pointer;
    transform:translateY(-50%);
    transition:
      border-color .25s ease,
      background .25s ease,
      transform .25s ease;
  }

  #nosotros .agency-reel-nav--prev{left:12px}
  #nosotros .agency-reel-nav--next{right:12px}

  #nosotros .agency-reel-nav svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  #nosotros .agency-reel-nav:active{
    transform:translateY(-50%) scale(.94);
    border-color:rgba(32,212,247,.48);
    background:rgba(32,212,247,.07);
  }

  #nosotros .agency-reel-counter{
    position:absolute;
    z-index:7;
    left:50%;
    bottom:11px;
    display:flex;
    align-items:center;
    gap:9px;
    transform:translateX(-50%);
    color:#79726D;
    font-size:6px;
    letter-spacing:.15em;
  }

  #nosotros .agency-reel-counter span:first-child{
    color:var(--cyan);
  }

  #nosotros .agency-reel-counter i{
    width:34px;
    height:1px;
    background:rgba(255,255,255,.18);
  }

  /* ---------- 05 / EN ESCENA — intro logo ---------- */
  #escena .scene-intro-signature--logo{
    width:100%;
    justify-content:center!important;
    align-items:center;
    margin:4px 0 28px!important;
  }

  #escena .scene-intro-signature--logo img{
    width:min(172px,42vw)!important;
    height:auto!important;
    max-width:none!important;
  }

  #escena .scene-intro-copy{
    align-items:stretch;
  }

  #escena .scene-intro-copy p{
    text-align:left;
  }

  /* ---------- LIVE ARCHIVE / 04 ----------
     All four artists now read vertically; no clipped horizontal rail. */
  #escena .scene-archive{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
    overflow:visible!important;
    margin:0!important;
    padding:34px 0 0!important;
    scroll-snap-type:none!important;
  }

  #escena .scene-card,
  #escena .scene-card--facu,
  #escena .scene-card--renzo,
  #escena .scene-card--afernand,
  #escena .scene-card--kaass{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    flex:none!important;
    grid-column:auto!important;
    scroll-snap-align:none!important;
  }

  #escena .scene-card-media,
  #escena .scene-card--renzo .scene-card-media,
  #escena .scene-card--afernand .scene-card-media{
    width:100%;
    aspect-ratio:4/5!important;
    border-color:rgba(255,255,255,.11);
  }

  #escena .scene-card video{
    object-position:center;
  }

  #escena .scene-card footer{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
    gap:8px 14px!important;
    align-items:end!important;
    padding:14px 2px 16px!important;
  }

  #escena .scene-card footer span{
    grid-column:1!important;
    grid-row:1!important;
    font-size:6px!important;
    text-align:left!important;
  }

  #escena .scene-card footer small{
    grid-column:2!important;
    grid-row:1!important;
    font-size:5.5px!important;
    text-align:right!important;
  }

  #escena .scene-card footer strong{
    grid-column:1 / -1!important;
    grid-row:2!important;
    margin-top:2px;
    font-size:clamp(27px,8vw,38px)!important;
    text-align:left!important;
  }

  /* ---------- THE SCENE FINALE ----------
     Requested order: video / text / video. */
  #escena .scene-finale{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:30px!important;
    margin-top:78px!important;
    padding:46px 0!important;
  }

  #escena .scene-finale-media,
  #escena .scene-finale-media--left,
  #escena .scene-finale-media--right{
    width:100%!important;
    aspect-ratio:4/5!important;
    transform:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }

  #escena .scene-finale-media--left{order:1}
  #escena .scene-finale-copy{order:2}
  #escena .scene-finale-media--right{order:3}

  #escena .scene-finale-copy{
    width:100%;
    padding:8px 0!important;
    text-align:left!important;
  }

  #escena .scene-finale-copy > small{
    margin-bottom:16px;
    text-align:left;
  }

  #escena .scene-finale-copy h3{
    max-width:100%;
    font-size:clamp(44px,12vw,62px)!important;
    line-height:.88;
    text-align:left;
  }

  #escena .scene-finale-copy p{
    max-width:520px;
    margin:22px 0 0!important;
    font-size:12.5px;
    line-height:1.72;
    text-align:left;
  }
}

@media(max-width:520px){
  #artistas #roster-title .roster-title-accent i{
    display:none;
  }

  #nosotros .agency-roster-reel{
    height:min(68svh,530px);
    min-height:445px;
  }

  #nosotros .agency-reel-item{
    width:min(72vw,350px);
  }

  #nosotros .agency-reel-item.is-prev{
    transform:translate(calc(-50% - 61vw),-50%) scale(.74);
  }

  #nosotros .agency-reel-item.is-next{
    transform:translate(calc(-50% + 61vw),-50%) scale(.74);
  }

  #nosotros .agency-reel-nav{
    width:40px;
    height:40px;
  }

  #escena .scene-intro-signature--logo img{
    width:min(165px,44vw)!important;
  }

  #escena .scene-archive{
    gap:30px!important;
  }

  #escena .scene-finale{
    gap:26px!important;
  }
}


/* =========================================================
   V67 — MOBILE ALIGNMENT + CLEAN FOOTER
   ========================================================= */

/* ---------------------------------------------------------
   03 / ONLY FRIENDS AGENCY — exact centered mobile carousel
   --------------------------------------------------------- */
@media(max-width:760px){

  #nosotros .agency-roster-reel{
    position:relative!important;
    width:calc(100% + 40px)!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
    overflow:hidden!important;
  }

  /*
    Centering is now driven by left: calc(50% + offset).
    This avoids transform/layout conflicts from older responsive rules.
  */
  #nosotros .agency-reel-item{
    --agency-offset:0px;
    position:absolute!important;
    left:calc(50% + var(--agency-offset))!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    margin:0!important;
    width:min(70vw,360px)!important;
    max-width:none!important;
    translate:-50% -50%;
    transform:scale(.72)!important;
    transform-origin:center center!important;
  }

  #nosotros .agency-reel-item.is-active{
    --agency-offset:0px;
    left:50%!important;
    translate:-50% -50%;
    transform:scale(1)!important;
  }

  #nosotros .agency-reel-item.is-prev{
    --agency-offset:-61vw;
    translate:-50% -50%;
    transform:scale(.76)!important;
  }

  #nosotros .agency-reel-item.is-next{
    --agency-offset:61vw;
    translate:-50% -50%;
    transform:scale(.76)!important;
  }

  /* Buttons stay symmetrically anchored to the viewport edges. */
  #nosotros .agency-reel-nav--prev{
    left:14px!important;
    right:auto!important;
  }

  #nosotros .agency-reel-nav--next{
    right:14px!important;
    left:auto!important;
  }

  /* -------------------------------------------------------
     05 / EN ESCENA — no logo; copy follows title cleanly
     ------------------------------------------------------- */
  #escena .scene-intro-grid{
    gap:26px!important;
  }

  #escena .scene-intro-copy{
    display:block!important;
  }

  #escena .scene-intro-copy p{
    max-width:100%!important;
    margin:0!important;
    text-align:left!important;
  }

  /* -------------------------------------------------------
     THE SCENE — requested centered copy between both videos
     ------------------------------------------------------- */
  #escena .scene-finale-copy{
    order:2;
    width:100%;
    padding:10px 12px!important;
    text-align:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }

  #escena .scene-finale-copy > small{
    width:100%;
    margin:0 0 16px!important;
    text-align:center!important;
  }

  #escena .scene-finale-copy h3{
    width:100%;
    max-width:520px!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  #escena .scene-finale-copy p{
    width:100%;
    max-width:470px!important;
    margin:22px auto 0!important;
    text-align:center!important;
  }
}

@media(max-width:520px){
  #nosotros .agency-reel-item{
    width:min(72vw,350px)!important;
  }

  #nosotros .agency-reel-item.is-prev{
    --agency-offset:-62vw;
  }

  #nosotros .agency-reel-item.is-next{
    --agency-offset:62vw;
  }

  #escena .scene-finale-copy{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* ---------------------------------------------------------
   FOOTER — legal only
   --------------------------------------------------------- */
.footer-v67{
  position:relative;
  background:#050505;
  border-top:1px solid rgba(255,255,255,.08);
  padding:0;
}

.footer-v67-shell{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding-top:22px;
  padding-bottom:22px;
}

.footer-v67-shell p{
  margin:0;
  color:#6C6560;
  font-size:6px;
  line-height:1.45;
  letter-spacing:.14em;
}

.footer-v67-shell p:last-child{
  color:#77706B;
  text-align:right;
}

@media(max-width:700px){
  .footer-v67-shell{
    min-height:0;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    padding-top:22px;
    padding-bottom:22px;
  }

  .footer-v67-shell p,
  .footer-v67-shell p:last-child{
    width:100%;
    text-align:left;
    font-size:5.7px;
  }
}


/* =========================================================
   V68 — MOBILE MENU / COMPLETE REDESIGN
   Editorial, compact and aligned with Only Friends visual system.
   ========================================================= */

@media(max-width:900px){

  /* ---------- HEADER WHILE MENU IS OPEN ---------- */
  .site-header{
    z-index:320;
  }

  .site-header.menu-open{
    background:rgba(5,5,5,.88);
    border-color:rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
  }

  .menu-toggle{
    position:relative;
    display:inline-flex!important;
    align-items:center;
    gap:11px;
    min-height:38px;
    padding:0;
    border:0;
    background:none;
    color:#EDE8E4;
    font-size:9px;
    line-height:1;
    letter-spacing:.15em;
  }

  .menu-toggle-label{
    color:#D8D1CC!important;
    font-size:9px!important;
    margin:0!important;
  }

  .menu-toggle-icon{
    position:relative;
    width:24px;
    height:24px;
    display:block;
    margin:0!important;
    color:inherit!important;
  }

  .menu-toggle-icon i{
    position:absolute;
    left:3px;
    width:18px;
    height:1px;
    background:var(--cyan);
    transform-origin:center;
    transition:
      top .32s var(--ease),
      transform .32s var(--ease),
      background .3s ease;
  }

  .menu-toggle-icon i:first-child{top:9px}
  .menu-toggle-icon i:last-child{top:15px}

  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:first-child{
    top:12px;
    transform:rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:last-child{
    top:12px;
    transform:rotate(-45deg);
  }

  /* ---------- FULLSCREEN MENU ---------- */
  .mobile-menu-v68{
    position:fixed;
    z-index:300;
    inset:0;
    width:100%;
    height:100dvh;
    padding:0!important;
    overflow:hidden auto;
    visibility:hidden;
    opacity:0;
    background:
      radial-gradient(circle at 13% 22%,rgba(142,31,45,.22),transparent 34%),
      radial-gradient(circle at 90% 72%,rgba(32,212,247,.045),transparent 27%),
      linear-gradient(145deg,#080607 0%,#100709 47%,#060606 100%);
    transition:
      opacity .42s var(--ease),
      visibility .42s;
  }

  .mobile-menu-v68.open{
    visibility:visible;
    opacity:1;
  }

  .mobile-menu-v68:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);
    background-size:20vw 100%;
    opacity:.22;
  }

  /* ---------- ORBIT ART ---------- */
  .mobile-menu-v68-art{
    position:absolute;
    right:-32vw;
    top:15vh;
    width:min(92vw,620px);
    aspect-ratio:1;
    pointer-events:none;
    opacity:0;
    transform:scale(.86) rotate(-7deg);
    transition:
      opacity .6s .08s ease,
      transform .8s .04s var(--ease);
  }

  .mobile-menu-v68.open .mobile-menu-v68-art{
    opacity:1;
    transform:scale(1) rotate(0);
  }

  .mobile-menu-v68-orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.055);
  }

  .mobile-menu-v68-orbit--outer{inset:0}
  .mobile-menu-v68-orbit--mid{
    inset:14%;
    border-color:rgba(142,31,45,.15);
  }

  .mobile-menu-v68-orbit--inner{
    inset:29%;
    border-color:rgba(32,212,247,.11);
    border-style:dashed;
  }

  .mobile-menu-v68-node{
    position:absolute;
    width:6px;
    height:6px;
    border-radius:50%;
  }

  .mobile-menu-v68-node--cyan{
    right:10%;
    top:27%;
    background:var(--cyan);
    box-shadow:0 0 16px rgba(32,212,247,.42);
  }

  .mobile-menu-v68-node--red{
    left:11%;
    bottom:31%;
    background:#9B2634;
    box-shadow:0 0 16px rgba(155,38,52,.32);
  }

  /* ---------- INNER LAYOUT ---------- */
  .mobile-menu-v68-inner{
    position:relative;
    z-index:3;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    width:100%;
    padding:
      clamp(108px,15vh,132px)
      max(20px,var(--pad))
      26px;
  }

  .mobile-menu-v68-intro{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding-bottom:17px;
    border-bottom:1px solid rgba(255,255,255,.11);
    opacity:0;
    transform:translateY(10px);
    transition:
      opacity .42s .10s ease,
      transform .5s .10s var(--ease);
  }

  .mobile-menu-v68.open .mobile-menu-v68-intro{
    opacity:1;
    transform:none;
  }

  .mobile-menu-v68-intro span,
  .mobile-menu-v68-intro p{
    margin:0;
    font-size:5.8px;
    line-height:1;
    letter-spacing:.17em;
  }

  .mobile-menu-v68-intro span{color:var(--cyan)}
  .mobile-menu-v68-intro p{color:#5F5955}

  /* ---------- NAVIGATION ---------- */
  .mobile-menu-v68-nav{
    position:relative;
    z-index:2;
    display:block!important;
    margin-top:10px;
  }

  .mobile-menu-v68-nav a{
    position:relative;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 26px;
    gap:13px;
    align-items:center;
    min-height:76px;
    padding:10px 3px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    color:#EEE9E5;
    text-decoration:none;
    overflow:hidden;
    opacity:0;
    transform:translateY(16px);
    transition:
      opacity .42s ease,
      transform .5s var(--ease),
      padding-left .3s var(--ease),
      background .3s ease;
  }

  .mobile-menu-v68.open .mobile-menu-v68-nav a{
    opacity:1;
    transform:none;
  }

  .mobile-menu-v68.open .mobile-menu-v68-nav a:nth-child(1){transition-delay:.14s}
  .mobile-menu-v68.open .mobile-menu-v68-nav a:nth-child(2){transition-delay:.18s}
  .mobile-menu-v68.open .mobile-menu-v68-nav a:nth-child(3){transition-delay:.22s}
  .mobile-menu-v68.open .mobile-menu-v68-nav a:nth-child(4){transition-delay:.26s}
  .mobile-menu-v68.open .mobile-menu-v68-nav a:nth-child(5){transition-delay:.30s}

  .mobile-menu-v68-nav a:before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(142,31,45,.08),rgba(32,212,247,.025),transparent 80%);
    opacity:0;
    transition:opacity .3s ease;
  }

  .mobile-menu-v68-nav a:active{
    padding-left:9px!important;
    background:rgba(255,255,255,.018);
  }

  .mobile-menu-v68-nav a:active:before{
    opacity:1;
  }

  .mobile-menu-v68-index{
    position:relative;
    z-index:2;
    margin:0!important;
    color:var(--cyan)!important;
    font-family:var(--body)!important;
    font-size:6.5px!important;
    line-height:1!important;
    letter-spacing:.14em;
  }

  .mobile-menu-v68-copy{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:0!important;
    min-width:0;
  }

  .mobile-menu-v68-copy strong{
    font-family:var(--display);
    font-size:clamp(31px,8.7vw,45px);
    font-weight:800;
    line-height:.86;
    letter-spacing:-.02em;
    color:#EEE9E5;
  }

  .mobile-menu-v68-copy small{
    overflow:hidden;
    color:#68615D;
    font-family:var(--body);
    font-size:5.2px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:.15em;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-menu-v68-nav a > i{
    position:relative;
    z-index:2;
    justify-self:end;
    color:#69625E;
    font-family:var(--body);
    font-size:15px;
    font-style:normal;
    font-weight:400;
  }

  /* Booking gets the only strong menu accent. */
  .mobile-menu-v68-nav .mobile-menu-v68-booking .mobile-menu-v68-copy strong{
    color:#9B2634;
  }

  .mobile-menu-v68-nav .mobile-menu-v68-booking > i{
    color:var(--cyan);
  }

  .mobile-menu-v68-nav .mobile-menu-v68-booking:after{
    content:"";
    position:absolute;
    left:43px;
    right:0;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg,rgba(155,38,52,.65),rgba(32,212,247,.22),transparent);
  }

  /* ---------- FOOTER ---------- */
  .mobile-menu-v68-footer{
    margin-top:auto;
    padding-top:22px;
    opacity:0;
    transform:translateY(10px);
    transition:
      opacity .42s .34s ease,
      transform .5s .34s var(--ease);
  }

  .mobile-menu-v68.open .mobile-menu-v68-footer{
    opacity:1;
    transform:none;
  }

  .mobile-menu-v68-footer > a{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 24px;
    gap:12px;
    align-items:center;
    min-height:58px;
    padding:0!important;
    border-top:1px solid rgba(255,255,255,.09);
    border-bottom:1px solid rgba(255,255,255,.09);
    color:#DCD6D2;
    text-decoration:none;
  }

  .mobile-menu-v68-social-icon{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    margin:0!important;
    border:1px solid rgba(32,212,247,.22);
    border-radius:50%;
    color:var(--cyan)!important;
  }

  .mobile-menu-v68-social-icon svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mobile-menu-v68-footer > a > span:nth-child(2){
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:0!important;
  }

  .mobile-menu-v68-footer small{
    color:#615B57;
    font-size:5.2px;
    letter-spacing:.16em;
  }

  .mobile-menu-v68-footer strong{
    color:#DCD6D2;
    font-size:7px;
    font-weight:500;
    letter-spacing:.14em;
  }

  .mobile-menu-v68-footer b{
    justify-self:end;
    color:#77706B;
    font-size:14px;
    font-weight:400;
  }

  .mobile-menu-v68-footer > p{
    margin:13px 0 0;
    color:#514C49;
    font-size:5px;
    line-height:1;
    letter-spacing:.17em;
  }

  /* Hide legacy menu decorations if cached rules remain. */
  .mobile-menu-v68 .mobile-menu-glow,
  .mobile-menu-v68 .mobile-social{
    display:none!important;
  }
}

/* Short phones: preserve the same hierarchy without overflow. */
@media(max-width:900px) and (max-height:720px){
  .mobile-menu-v68-inner{
    padding-top:96px;
    padding-bottom:18px;
  }

  .mobile-menu-v68-intro{
    padding-bottom:12px;
  }

  .mobile-menu-v68-nav a{
    min-height:64px;
  }

  .mobile-menu-v68-copy strong{
    font-size:clamp(28px,7.8vw,38px);
  }

  .mobile-menu-v68-footer{
    padding-top:14px;
  }

  .mobile-menu-v68-footer > a{
    min-height:50px;
  }
}

@media(max-width:380px){
  .mobile-menu-v68-nav a{
    grid-template-columns:27px minmax(0,1fr) 22px;
    gap:10px;
  }

  .mobile-menu-v68-copy strong{
    font-size:clamp(27px,8.4vw,34px);
  }

  .mobile-menu-v68-copy small{
    font-size:4.8px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-menu-v68 *,
  .menu-toggle-icon i{
    transition:none!important;
  }
}

/* =========================================================
   V69 — 03 / ONLY FRIENDS AGENCY — MOBILE CAROUSEL CENTER FIX
   Full-viewport stage with mathematically centered active card.
   ========================================================= */
@media(max-width:760px){
  #nosotros .agency-reel-block{
    position:relative;
    width:100%;
    overflow:visible;
  }

  /* Use a true viewport-width stage. This avoids inheriting the .wrap
     content width and guarantees that 50% is the physical screen center. */
  #nosotros .agency-roster-reel{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    height:min(70svh,560px)!important;
    min-height:460px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    transform:translateX(-50%)!important;
    border:0!important;
    background:
      radial-gradient(circle at 50% 50%,rgba(142,31,45,.12),transparent 43%),
      transparent!important;
    scroll-snap-type:none!important;
    scrollbar-width:none;
  }

  #nosotros .agency-roster-reel::-webkit-scrollbar{display:none}

  #nosotros .agency-reel-item,
  #nosotros .agency-reel-item.is-active,
  #nosotros .agency-reel-item.is-prev,
  #nosotros .agency-reel-item.is-next{
    position:absolute!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(70vw,360px)!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    margin:0!important;
    flex:none!important;
    scroll-snap-align:none!important;
    translate:none!important;
    transform-origin:center center!important;
  }

  #nosotros .agency-reel-item{
    left:50%!important;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-50%) scale(.72)!important;
  }

  #nosotros .agency-reel-item.is-active{
    left:50%!important;
    z-index:5!important;
    opacity:1!important;
    pointer-events:auto!important;
    filter:none!important;
    transform:translate(-50%,-50%) scale(1)!important;
  }

  /* Side previews sit symmetrically outside the central card. */
  #nosotros .agency-reel-item.is-prev{
    left:-8vw!important;
    z-index:2!important;
    opacity:.34!important;
    pointer-events:none!important;
    filter:blur(2px)!important;
    transform:translate(-50%,-50%) scale(.76)!important;
  }

  #nosotros .agency-reel-item.is-next{
    left:108vw!important;
    z-index:2!important;
    opacity:.34!important;
    pointer-events:none!important;
    filter:blur(2px)!important;
    transform:translate(-50%,-50%) scale(.76)!important;
  }

  #nosotros .agency-reel-item.is-prev video,
  #nosotros .agency-reel-item.is-next video{
    filter:saturate(.40) contrast(1.03) brightness(.38) blur(5px)!important;
  }

  #nosotros .agency-reel-item.is-active video{
    filter:saturate(.84) contrast(1.07) brightness(.73)!important;
  }

  #nosotros .agency-reel-nav{
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  #nosotros .agency-reel-nav--prev{
    left:14px!important;
    right:auto!important;
  }

  #nosotros .agency-reel-nav--next{
    right:14px!important;
    left:auto!important;
  }

  #nosotros .agency-reel-counter{
    left:50%!important;
    right:auto!important;
    bottom:13px!important;
    transform:translateX(-50%)!important;
  }
}

@media(max-width:520px){
  #nosotros .agency-roster-reel{
    height:min(67svh,530px)!important;
    min-height:445px!important;
  }

  #nosotros .agency-reel-item,
  #nosotros .agency-reel-item.is-active,
  #nosotros .agency-reel-item.is-prev,
  #nosotros .agency-reel-item.is-next{
    width:min(72vw,350px)!important;
  }

  #nosotros .agency-reel-item.is-prev{left:-9vw!important}
  #nosotros .agency-reel-item.is-next{left:109vw!important}
}

/* =========================================================
   V70 — FACU / STANDARDIZED ARTIST LOGO ASSET
   Uses the new 1672×941 transparent master. The same canvas
   convention will be reused for the remaining roster artists.
   ========================================================= */
#artist-dialog:not(.artist-dialog--renzo):not(.artist-dialog--afernand):not(.artist-dialog--kaass) .dialog-artist-brand img,
#artist-dialog:not(.artist-dialog--renzo):not(.artist-dialog--afernand):not(.artist-dialog--kaass) .profile-booking-logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}


/* =========================================================
   V71 — MOBILE HERO + ROSTER VIDEO + AGENCY AUDIO + BOOKING FORM
   ========================================================= */

/* ---------- HERO: guarantee the real logo renders above the halo on mobile ---------- */
@media(max-width:900px){
  #inicio .hero-emblem{
    opacity:1!important;
    visibility:visible!important;
    isolation:isolate;
  }
  #inicio .hero-emblem > .hero-logo-image{
    position:relative!important;
    z-index:20!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    animation:none!important;
    filter:drop-shadow(0 18px 38px rgba(0,0,0,.52))!important;
  }
  #inicio .emblem-halo{z-index:0!important;opacity:.20!important}
  #inicio .emblem-orbits{z-index:2!important}
}

/* ---------- ROSTER mobile: image -> video when the card is in view ---------- */
@media(max-width:900px){
  #artistas .artist-card.previewing .artist-media img{opacity:0!important}
  #artistas .artist-card.previewing .artist-media video{opacity:1!important}
  #artistas .artist-card.previewing .artist-color{opacity:.62;transform:scale(1.08)}
  #artistas .artist-card.previewing .artist-name strong{
    color:var(--white);
    -webkit-text-stroke-color:transparent;
  }
}

/* ---------- 03 / ROSTER EN ESCENA — individual audio buttons ---------- */
#nosotros .agency-reel-item{position:relative}
#nosotros .agency-reel-sound{
  position:absolute;
  z-index:8;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(7,6,7,.64);
  color:#EDE8E4;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  cursor:pointer;
  transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
#nosotros .agency-reel-sound svg{
  position:absolute;
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#nosotros .agency-reel-sound-on{opacity:0}
#nosotros .agency-reel-sound.is-on{
  color:var(--cyan);
  border-color:rgba(32,212,247,.42);
  background:rgba(8,22,25,.76);
  box-shadow:0 0 22px rgba(32,212,247,.08);
}
#nosotros .agency-reel-sound.is-on .agency-reel-sound-off{opacity:0}
#nosotros .agency-reel-sound.is-on .agency-reel-sound-on{opacity:1}
#nosotros .agency-reel-sound:active{transform:scale(.94)}
@media(max-width:760px){
  #nosotros .agency-reel-sound{top:14px;right:14px;width:40px;height:40px}
  #nosotros .agency-reel-item.is-prev .agency-reel-sound,
  #nosotros .agency-reel-item.is-next .agency-reel-sound{opacity:0;pointer-events:none}
}

/* ---------- BOOKING — professional form, no terminal aesthetic ---------- */
#booking .booking-form-panel{
  padding-top:4px;
}
#booking .booking-request-form{
  position:relative;
  margin-top:38px;
  padding:clamp(24px,2.5vw,34px);
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(142,31,45,.10),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:0 24px 70px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
#booking .booking-request-form:before{
  content:"";
  position:absolute;
  top:-1px;
  left:28px;
  width:78px;
  height:2px;
  background:#8E1F2D;
}
#booking .booking-form-honeypot{position:absolute!important;left:-9999px!important}
#booking .booking-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
#booking .booking-field{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
}
#booking .booking-field--wide{grid-column:1/-1}
#booking .booking-field > span{
  color:#AAA29D;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;
}
#booking .booking-field input,
#booking .booking-field select,
#booking .booking-field textarea{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  outline:none;
  background:rgba(5,5,5,.38);
  color:#F0EBE7;
  font:500 13px/1.4 var(--body);
  letter-spacing:0;
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;
  appearance:none;
  -webkit-appearance:none;
}
#booking .booking-field select{
  background-image:
    linear-gradient(45deg,transparent 50%,#8B837E 50%),
    linear-gradient(135deg,#8B837E 50%,transparent 50%);
  background-position:calc(100% - 18px) 23px,calc(100% - 13px) 23px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:38px;
}
#booking .booking-field textarea{
  min-height:112px;
  padding-top:15px;
  resize:vertical;
}
#booking .booking-field input::placeholder,
#booking .booking-field textarea::placeholder{color:#6F6864;opacity:1}
#booking .booking-field input:focus,
#booking .booking-field select:focus,
#booking .booking-field textarea:focus{
  border-color:rgba(155,38,52,.72);
  background:rgba(12,8,9,.68);
  box-shadow:0 0 0 3px rgba(155,38,52,.07);
}
#booking .booking-form-submit{
  width:100%;
  min-height:76px;
  margin-top:18px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border:1px solid rgba(155,38,52,.55);
  border-radius:12px;
  background:linear-gradient(105deg,rgba(142,31,45,.18),rgba(255,255,255,.018));
  color:#EEE9E5;
  cursor:pointer;
  text-align:left;
  transition:background .3s ease,border-color .3s ease,transform .25s ease;
}
#booking .booking-form-submit span{display:flex;flex-direction:column;gap:5px}
#booking .booking-form-submit small{color:#827A75;font-size:7px;letter-spacing:.13em}
#booking .booking-form-submit strong{
  font-family:var(--display);
  font-size:clamp(25px,2.5vw,36px);
  line-height:.9;
  font-weight:800;
}
#booking .booking-form-submit i{color:var(--cyan);font-size:20px;font-style:normal;transition:transform .3s var(--ease)}
#booking .booking-form-submit:hover{
  border-color:rgba(155,38,52,.86);
  background:linear-gradient(105deg,rgba(142,31,45,.27),rgba(32,212,247,.025));
}
#booking .booking-form-submit:hover i{transform:translate(4px,-4px)}
#booking .booking-form-submit:active{transform:scale(.99)}
#booking .booking-form-note{
  margin:14px 2px 0;
  color:#655E5A;
  font-size:9px;
  line-height:1.55;
}

/* Retire the old timeline visual if any legacy CSS remains. */
#booking .booking-v58-flow{display:none!important}

@media(max-width:760px){
  #booking .booking-request-form{
    margin-top:30px;
    padding:22px 18px;
    border-radius:15px;
  }
  #booking .booking-form-grid{grid-template-columns:1fr;gap:14px}
  #booking .booking-field--wide{grid-column:auto}
  #booking .booking-field > span{font-size:9.5px}
  #booking .booking-field input,
  #booking .booking-field select{min-height:56px;font-size:14px}
  #booking .booking-field textarea{font-size:14px}
  #booking .booking-form-submit{min-height:72px;margin-top:16px}
  #booking .booking-form-submit strong{font-size:29px}
}


/* =========================================================
   V72 — iOS HERO LOGO + ROSTER AUDIO FIX
   ========================================================= */

/* The actual emblem image must sit on its own compositing layer.
   This avoids Safari painting the animated halo above it. */
#inicio .hero-emblem > .hero-logo-image{
  position:relative!important;
  z-index:30!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translate3d(0,0,1px)!important;
  -webkit-transform:translate3d(0,0,1px)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:auto!important;
  animation:none!important;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.50))!important;
}

#inicio .hero-emblem > .emblem-halo{
  z-index:0!important;
  transform:translateZ(0)!important;
  -webkit-transform:translateZ(0)!important;
}

#inicio .hero-emblem > .emblem-orbits{
  z-index:5!important;
}

/* The orbit graphics may sit above the logo, but never the blur halo. */
@media(max-width:900px){
  #inicio .hero-emblem{
    position:relative!important;
    isolation:isolate!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #inicio .hero-emblem > .hero-logo-image{
    width:96%!important;
    max-height:94%!important;
  }

  /* Make the sound control more obvious on touch devices. */
  #nosotros .agency-reel-sound{
    z-index:20!important;
    border-color:rgba(255,255,255,.26);
    background:rgba(5,5,5,.78);
    box-shadow:0 8px 24px rgba(0,0,0,.22);
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  #nosotros .agency-reel-sound.is-on{
    color:var(--cyan);
    border-color:rgba(32,212,247,.58);
    background:rgba(8,24,28,.88);
  }
}


/* =========================================================
   V73 — MOBILE HERO TITLE / SAFARI FIX
   Ensure BOTH claim lines render reliably on iPhone/Safari.
   ========================================================= */

@media(max-width:900px){

  /* Safari occasionally left the second animated line in its
     initial translateY state. On mobile we do not need that risk. */
  #inicio .hero-title .line{
    display:block!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #inicio .hero-title .line > span{
    display:block!important;
    transform:none!important;
    -webkit-transform:none!important;
    animation:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Force the second line to occupy real layout space. */
  #inicio .hero-title .line.accent{
    min-height:.9em;
    margin-top:.08em;
  }

  /*
    Avoid Safari's occasional background-clip/text-fill rendering bug
    on the cyan line. Desktop keeps the gradient; mobile uses the exact
    brand cyan as a solid fill for maximum reliability and contrast.
  */
  #inicio .hero-title .accent,
  #inicio .hero-title .accent > span{
    color:var(--cyan)!important;
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    -webkit-text-fill-color:var(--cyan)!important;
    filter:drop-shadow(0 9px 24px rgba(0,0,0,.34))
           drop-shadow(0 0 15px rgba(32,212,247,.10))!important;
  }

  /* Maintain the intended compact hierarchy after restoring line two. */
  #inicio .hero-copy{
    gap:0!important;
  }

  #inicio .hero-lede{
    margin-top:22px!important;
  }
}


/* =========================================================
   V76 — LIVE ARCHIVE / SOUND CONTROLS
   ========================================================= */

#escena .scene-card-media{
  isolation:isolate;
}

#escena .scene-card-sound{
  position:absolute;
  z-index:8;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#f0ece8;
  background:rgba(7,6,7,.66);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 25px rgba(0,0,0,.22);
  cursor:pointer;
  opacity:.88;
  transition:
    opacity .25s ease,
    transform .28s var(--ease),
    border-color .25s ease,
    color .25s ease,
    background .25s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

#escena .scene-card-sound:hover{
  opacity:1;
  transform:scale(1.06);
  border-color:rgba(255,255,255,.45);
}

#escena .scene-card-sound.is-on{
  opacity:1;
  color:var(--cyan);
  border-color:rgba(32,212,247,.62);
  background:rgba(6,24,29,.82);
  box-shadow:0 8px 25px rgba(0,0,0,.25),0 0 18px rgba(32,212,247,.10);
}

#escena .scene-card-sound svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#escena .scene-card-sound svg path:first-child{
  fill:currentColor;
  stroke:none;
}

#escena .scene-card-sound-on{
  display:none;
}

#escena .scene-card-sound.is-on .scene-card-sound-off{
  display:none;
}

#escena .scene-card-sound.is-on .scene-card-sound-on{
  display:block;
}

@media(max-width:900px){
  #escena .scene-card-sound{
    top:12px;
    right:12px;
    width:44px;
    height:44px;
    opacity:1;
    background:rgba(6,5,6,.74);
  }

  #escena .scene-card-sound svg{
    width:19px;
    height:19px;
  }
}


/* =========================================================
   V77 — ARTIST PRESS KIT HERO / EDITORIAL PORTRAIT SYSTEM
   Feddox energy + James Hype portrait logic, rebuilt for OF.
   ========================================================= */

#artist-dialog .profile-hero--editorial{
  position:relative;
  min-height:calc(100dvh - 94px);
  height:calc(100dvh - 94px);
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--dialog-accent) 10%,transparent),transparent 31%),
    radial-gradient(circle at 30% 58%,rgba(72,8,18,.25),transparent 35%),
    linear-gradient(115deg,#070606 0%,#0b0708 46%,#080707 100%);
}

/* Remove all previous full-background hero behavior. */
#artist-dialog .profile-hero--editorial .profile-hero-media,
#artist-dialog .profile-hero--editorial .profile-agency-stamp{
  display:none!important;
}

#artist-dialog .profile-hero-atmosphere{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

#artist-dialog .profile-hero-grid{
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 55%,transparent 90%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 55%,transparent 90%);
}

#artist-dialog .profile-hero-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.18;
  animation:profileGlowBreath 7s ease-in-out infinite alternate;
}
#artist-dialog .profile-hero-glow--one{
  width:38vw;height:38vw;
  right:5%;top:4%;
  background:color-mix(in srgb,var(--dialog-accent) 58%,#43101c);
}
#artist-dialog .profile-hero-glow--two{
  width:30vw;height:30vw;
  left:9%;bottom:-18%;
  background:#45111a;
  opacity:.12;
  animation-delay:-2.5s;
}

#artist-dialog .profile-hero-orbit{
  position:absolute;
  border:1px solid color-mix(in srgb,var(--dialog-accent) 27%,rgba(255,255,255,.09));
  border-radius:50%;
  opacity:.23;
}
#artist-dialog .profile-hero-orbit--one{
  width:38vw;height:38vw;
  right:-8vw;top:-12vw;
}
#artist-dialog .profile-hero-orbit--two{
  width:24vw;height:24vw;
  right:8vw;top:7vw;
  border-style:dashed;
  opacity:.12;
  animation:profileOrbitSpin 24s linear infinite;
}

#artist-dialog .profile-hero-index{
  --hero-nx:0px;
  --hero-ny:0px;
  position:absolute;
  left:clamp(34px,4.2vw,76px);
  top:50%;
  transform:translate(var(--hero-nx),calc(-50% + var(--hero-ny)));
  font-family:var(--display);
  font-size:clamp(230px,30vw,540px);
  line-height:.72;
  font-weight:900;
  letter-spacing:-.075em;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.035);
  opacity:.9;
  user-select:none;
  transition:transform .5s var(--ease);
}

#artist-dialog .profile-hero-sidecopy{
  position:absolute;
  left:18px;
  bottom:34px;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:6px;
  letter-spacing:.23em;
  color:rgba(255,255,255,.26);
}

/* Portrait stage — image is not a rectangular half-page card. */
#artist-dialog .profile-hero-portrait{
  --hero-px:0px;
  --hero-py:0px;
  position:absolute;
  z-index:2;
  top:clamp(20px,3.2vh,42px);
  right:clamp(36px,4.8vw,88px);
  bottom:clamp(30px,4.2vh,54px);
  width:min(46vw,720px);
  transform:translate(var(--hero-px),var(--hero-py));
  transition:transform .65s var(--ease);
}

#artist-dialog .profile-hero-portrait::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:10% -4% -3% 8%;
  border-radius:48% 48% 10px 10px;
  background:
    radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--dialog-accent) 20%,transparent),transparent 53%);
  filter:blur(18px);
  opacity:.65;
}

#artist-dialog .profile-hero-portrait-frame{
  position:absolute;
  inset:0;
  overflow:hidden;
  clip-path:polygon(11% 0,100% 0,100% 92%,89% 100%,0 100%,0 10%);
  background:#0b0909;
  border:1px solid rgba(255,255,255,.07);
}

#artist-dialog .profile-hero-portrait-frame::before{
  content:"";
  position:absolute;
  z-index:5;
  inset:0;
  border:1px solid color-mix(in srgb,var(--dialog-accent) 16%,transparent);
  pointer-events:none;
}

#artist-dialog .profile-hero-image{
  --hero-ix:0px;
  --hero-iy:0px;
  position:absolute!important;
  inset:-2%!important;
  width:104%!important;
  height:104%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:translate(var(--hero-ix),var(--hero-iy)) scale(1.015)!important;
  transform-origin:center!important;
  filter:saturate(.82) contrast(1.07) brightness(.82)!important;
  transition:transform .75s var(--ease),filter .5s ease!important;
  animation:profilePortraitReveal 1.05s .08s var(--ease2) both;
}

#artist-dialog.artist-dialog--facu .profile-hero-image{
  object-position:50% 42%!important;
}
#artist-dialog.artist-dialog--renzo .profile-hero-image{
  object-position:76% 48%!important;
  filter:saturate(.72) contrast(1.08) brightness(.76)!important;
}
#artist-dialog.artist-dialog--afernand .profile-hero-image{
  object-position:51% 42%!important;
}
#artist-dialog.artist-dialog--kaass .profile-hero-image{
  object-position:52% 38%!important;
}

#artist-dialog .profile-hero-image-wash{
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(180deg,rgba(7,6,7,.03) 0%,transparent 40%,rgba(7,6,7,.40) 100%),
    linear-gradient(90deg,rgba(8,6,7,.52) 0%,transparent 30%);
  mix-blend-mode:multiply;
  pointer-events:none;
}

#artist-dialog .profile-hero-image-fade{
  position:absolute;
  z-index:3;
  inset:0;
  background:
    linear-gradient(90deg,#090707 0%,rgba(9,7,7,.84) 7%,rgba(9,7,7,.18) 27%,transparent 48%),
    linear-gradient(0deg,#090707 0%,rgba(9,7,7,.18) 15%,transparent 34%);
  pointer-events:none;
}

#artist-dialog .profile-hero-scan{
  position:absolute;
  z-index:4;
  top:-40%;
  left:-35%;
  width:24%;
  height:180%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
  animation:profileScan 7.2s 1.6s ease-in-out infinite;
  pointer-events:none;
}

#artist-dialog .profile-hero-corner{
  position:absolute;
  z-index:7;
  width:24px;height:24px;
  pointer-events:none;
}
#artist-dialog .profile-hero-corner--tl{
  left:12px;top:12px;
  border-left:1px solid var(--cyan);
  border-top:1px solid var(--cyan);
}
#artist-dialog .profile-hero-corner--br{
  right:12px;bottom:12px;
  border-right:1px solid var(--cyan);
  border-bottom:1px solid var(--cyan);
}

#artist-dialog .profile-hero-portrait-meta{
  position:absolute;
  z-index:8;
  right:18px;
  bottom:17px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#f1eeeb;
  font-size:6px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#artist-dialog .profile-hero-portrait-meta span{color:var(--cyan)}
#artist-dialog .profile-hero-portrait-meta b{font-weight:500}

/* Content intentionally overlaps the portrait's visual field. */
#artist-dialog .profile-hero--editorial .profile-hero-content{
  position:relative;
  z-index:5;
  height:100%;
  min-height:0;
  display:flex;
  align-items:center;
  padding:
    clamp(60px,8vh,92px)
    clamp(44px,5.3vw,92px)
    clamp(54px,7vh,78px);
  pointer-events:none;
}

#artist-dialog .profile-hero--editorial .profile-identity{
  position:relative;
  z-index:6;
  width:min(48vw,760px);
  max-width:none;
  pointer-events:auto;
  animation:profileIdentityIn .9s .12s var(--ease2) both;
}

#artist-dialog .profile-hero-kicker{
  margin:0 0 clamp(20px,2.4vh,30px);
  display:flex;
  align-items:center;
  gap:11px;
  font-size:7px;
  letter-spacing:.22em;
  color:#9e9692;
}
#artist-dialog .profile-hero-kicker span{
  width:26px;height:1px;
  background:var(--cyan);
  box-shadow:0 0 14px rgba(32,212,247,.35);
}

/* Universal logo box: all four standardized 1672x941 files behave equally. */
#artist-dialog .dialog-artist-brand{
  width:min(580px,36vw)!important;
  height:clamp(150px,20vh,230px)!important;
  margin:0 0 clamp(18px,2.3vh,28px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}

#artist-dialog .dialog-artist-brand[hidden]{display:none!important}

#artist-dialog .dialog-artist-brand img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  margin:0!important;
  filter:drop-shadow(0 14px 36px rgba(0,0,0,.32))!important;
}

/* No per-artist scaling compensation is allowed anymore. */
#artist-dialog.artist-dialog--facu .dialog-artist-brand img,
#artist-dialog.artist-dialog--renzo .dialog-artist-brand img,
#artist-dialog.artist-dialog--afernand .dialog-artist-brand img,
#artist-dialog.artist-dialog--kaass .dialog-artist-brand img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}

#artist-dialog .profile-meta-line{
  margin:0 0 16px!important;
  display:flex;
  align-items:center;
  gap:13px;
  font-size:8px;
  letter-spacing:.17em;
  color:#b7afab;
}
#artist-dialog .profile-meta-line i{
  width:42px;
  height:1px;
  background:rgba(255,255,255,.18);
}

#artist-dialog .profile-intro--short{
  max-width:540px!important;
  margin:0!important;
  font-size:clamp(24px,2.25vw,39px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  color:#f0ece8!important;
  text-wrap:balance;
}

#artist-dialog .profile-hero-actions{
  margin-top:clamp(28px,3.8vh,42px);
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

#artist-dialog .profile-hero-primary{
  min-width:220px;
  min-height:58px;
  padding:0 16px 0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.025);
  color:#f2efec;
  text-decoration:none;
  transition:transform .35s var(--ease),border-color .3s ease,background .3s ease;
}
#artist-dialog .profile-hero-primary:hover{
  transform:translateY(-3px);
  border-color:rgba(32,212,247,.45);
  background:rgba(32,212,247,.035);
}
#artist-dialog .profile-hero-primary span{
  display:flex;
  flex-direction:column;
  gap:4px;
}
#artist-dialog .profile-hero-primary small{
  font-size:6px;
  letter-spacing:.17em;
  color:#76706d;
}
#artist-dialog .profile-hero-primary strong{
  font-family:var(--display);
  font-size:16px;
  letter-spacing:.04em;
}
#artist-dialog .profile-hero-primary b{
  color:var(--cyan);
  font-size:16px;
  font-weight:400;
}

#artist-dialog .profile-socials{
  margin:0!important;
  display:flex!important;
  gap:10px!important;
}
#artist-dialog .profile-socials a{
  min-height:58px!important;
  padding:0 17px!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.015)!important;
  font-size:6px!important;
  letter-spacing:.15em!important;
}
#artist-dialog .profile-socials a:hover{
  border-color:rgba(32,212,247,.36)!important;
  background:rgba(32,212,247,.025)!important;
}
#artist-dialog .profile-socials a[hidden]{display:none!important}

#artist-dialog .profile-hero-representation{
  margin-top:clamp(26px,3.2vh,38px);
  display:flex;
  align-items:center;
  gap:9px;
  color:#6f6966;
  font-size:6px;
  letter-spacing:.15em;
}
#artist-dialog .profile-hero-representation p{margin:0}
#artist-dialog .profile-hero-representation strong{
  color:#aaa39f;
  font-weight:600;
}
#artist-dialog .profile-hero-representation-dot{
  width:6px;height:6px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 12px rgba(32,212,247,.55);
  animation:profileDotPulse 2.6s ease-in-out infinite;
}

#artist-dialog .profile-hero-signature{
  position:absolute;
  right:clamp(34px,4.6vw,76px);
  top:clamp(22px,3vh,34px);
  display:flex;
  align-items:center;
  gap:11px;
  font-size:6px;
  letter-spacing:.17em;
  color:rgba(255,255,255,.42);
}
#artist-dialog .profile-hero-signature span{color:var(--cyan)}
#artist-dialog .profile-hero-signature i{
  width:34px;height:1px;
  background:rgba(255,255,255,.13);
}
#artist-dialog .profile-hero-signature b{font-weight:500}

#artist-dialog .profile-scroll{
  position:absolute!important;
  z-index:10;
  right:clamp(40px,5vw,84px)!important;
  bottom:clamp(22px,3.5vh,38px)!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  pointer-events:auto;
}
#artist-dialog .profile-scroll span{
  font-size:6px!important;
  letter-spacing:.18em!important;
  color:#a7a09c!important;
}
#artist-dialog .profile-scroll b{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:50%!important;
  color:var(--cyan)!important;
  transition:transform .35s var(--ease),border-color .3s ease!important;
}
#artist-dialog .profile-scroll:hover b{
  transform:translateY(4px);
  border-color:rgba(32,212,247,.45)!important;
}

/* Booking logo uses the exact same standardized system. */
#artist-dialog .profile-booking-logo{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
}

/* neutralize the old Renzo-specific compensation rules */
#artist-dialog.artist-dialog--renzo .profile-booking-logo,
#artist-dialog.artist-dialog--renzo .dialog-artist-brand img{
  transform:none!important;
  scale:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Slight tonal variants without changing the template. */
#artist-dialog.artist-dialog--facu .profile-hero--editorial{
  background:
    radial-gradient(circle at 72% 34%,rgba(159,49,33,.15),transparent 32%),
    radial-gradient(circle at 23% 70%,rgba(32,212,247,.055),transparent 30%),
    linear-gradient(115deg,#070606 0%,#0d0808 47%,#090707 100%);
}
#artist-dialog.artist-dialog--renzo .profile-hero--editorial{
  background:
    radial-gradient(circle at 73% 35%,rgba(117,31,16,.14),transparent 30%),
    radial-gradient(circle at 25% 70%,rgba(32,212,247,.045),transparent 31%),
    linear-gradient(115deg,#070606 0%,#0b0807 48%,#080707 100%);
}
#artist-dialog.artist-dialog--afernand .profile-hero--editorial{
  background:
    radial-gradient(circle at 73% 36%,rgba(85,68,198,.13),transparent 32%),
    radial-gradient(circle at 22% 70%,rgba(32,212,247,.045),transparent 30%),
    linear-gradient(115deg,#070606 0%,#0a080d 48%,#080707 100%);
}
#artist-dialog.artist-dialog--kaass .profile-hero--editorial{
  background:
    radial-gradient(circle at 74% 35%,rgba(32,212,247,.095),transparent 30%),
    radial-gradient(circle at 25% 74%,rgba(81,16,27,.12),transparent 30%),
    linear-gradient(115deg,#070606 0%,#08090a 48%,#080707 100%);
}

/* Mobile: portrait becomes an immersive upper layer; identity overlaps it. */
@media(max-width:900px){
  #artist-dialog .profile-hero--editorial{
    height:auto;
    min-height:calc(100dvh - 82px);
    padding-bottom:0;
  }

  #artist-dialog .profile-hero-grid{
    background-size:34px 34px;
    opacity:.13;
  }

  #artist-dialog .profile-hero-index{
    left:-5vw;
    top:47%;
    font-size:78vw;
    opacity:.55;
  }

  #artist-dialog .profile-hero-sidecopy,
  #artist-dialog .profile-hero-signature{
    display:none;
  }

  #artist-dialog .profile-hero-portrait{
    position:absolute;
    top:0;
    right:-8vw;
    bottom:auto;
    width:82vw;
    height:60svh;
    min-height:440px;
    max-height:620px;
  }

  #artist-dialog .profile-hero-portrait-frame{
    clip-path:polygon(15% 0,100% 0,100% 91%,88% 100%,0 100%,0 13%);
    border-color:rgba(255,255,255,.045);
  }

  #artist-dialog .profile-hero-image{
    filter:saturate(.78) contrast(1.07) brightness(.68)!important;
  }

  #artist-dialog .profile-hero-image-fade{
    background:
      linear-gradient(90deg,#090707 0%,rgba(9,7,7,.52) 12%,transparent 44%),
      linear-gradient(0deg,#090707 0%,rgba(9,7,7,.88) 12%,rgba(9,7,7,.12) 48%,transparent 70%);
  }

  #artist-dialog .profile-hero-portrait-meta{
    display:none;
  }

  #artist-dialog .profile-hero--editorial .profile-hero-content{
    min-height:calc(100dvh - 82px);
    height:auto;
    padding:44svh var(--pad) 86px;
    align-items:flex-start;
  }

  #artist-dialog .profile-hero--editorial .profile-identity{
    width:100%;
    padding-top:42px;
  }

  #artist-dialog .profile-hero-kicker{
    margin-bottom:16px;
  }

  #artist-dialog .dialog-artist-brand{
    width:min(92vw,520px)!important;
    height:clamp(115px,17vh,170px)!important;
    margin-bottom:14px!important;
  }

  #artist-dialog .profile-meta-line{
    margin-bottom:13px!important;
  }

  #artist-dialog .profile-intro--short{
    max-width:92%!important;
    font-size:clamp(26px,8.4vw,42px)!important;
  }

  #artist-dialog .profile-hero-actions{
    margin-top:26px;
    align-items:stretch;
    gap:9px;
  }

  #artist-dialog .profile-hero-primary{
    width:100%;
    min-width:0;
    min-height:56px;
  }

  #artist-dialog .profile-socials{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #artist-dialog .profile-socials a{
    min-height:48px!important;
    justify-content:space-between!important;
    padding:0 13px!important;
  }

  #artist-dialog .profile-hero-representation{
    margin-top:22px;
  }

  #artist-dialog .profile-scroll{
    right:var(--pad)!important;
    bottom:20px!important;
  }

  #artist-dialog .profile-scroll span{
    display:none;
  }
}

@media(max-width:560px){
  #artist-dialog .profile-hero-portrait{
    right:-14vw;
    width:92vw;
    height:56svh;
  }

  #artist-dialog.artist-dialog--facu .profile-hero-image{
    object-position:50% 38%!important;
  }
  #artist-dialog.artist-dialog--renzo .profile-hero-image{
    object-position:73% 50%!important;
  }
  #artist-dialog.artist-dialog--afernand .profile-hero-image{
    object-position:52% 38%!important;
  }
  #artist-dialog.artist-dialog--kaass .profile-hero-image{
    object-position:54% 36%!important;
  }

  #artist-dialog .profile-hero--editorial .profile-hero-content{
    padding-top:41svh;
  }

  #artist-dialog .dialog-artist-brand{
    width:94vw!important;
    height:128px!important;
  }

  #artist-dialog .profile-intro--short{
    max-width:100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #artist-dialog .profile-hero-image,
  #artist-dialog .profile-hero--editorial .profile-identity{
    animation:none!important;
  }
  #artist-dialog .profile-hero-glow,
  #artist-dialog .profile-hero-orbit--two,
  #artist-dialog .profile-hero-scan,
  #artist-dialog .profile-hero-representation-dot{
    animation:none!important;
  }
}

@keyframes profilePortraitReveal{
  from{opacity:0;transform:translateY(18px) scale(1.045)}
  to{opacity:1;transform:translate(var(--hero-ix),var(--hero-iy)) scale(1.015)}
}
@keyframes profileIdentityIn{
  from{opacity:0;transform:translate3d(-22px,10px,0)}
  to{opacity:1;transform:none}
}
@keyframes profileGlowBreath{
  0%{transform:scale(.92);opacity:.10}
  100%{transform:scale(1.08);opacity:.22}
}
@keyframes profileOrbitSpin{
  to{transform:rotate(360deg)}
}
@keyframes profileScan{
  0%,63%{transform:translateX(-160%) rotate(18deg);opacity:0}
  70%{opacity:1}
  86%{transform:translateX(690%) rotate(18deg);opacity:.75}
  100%{transform:translateX(690%) rotate(18deg);opacity:0}
}
@keyframes profileDotPulse{
  0%,100%{opacity:.45;transform:scale(.8)}
  50%{opacity:1;transform:scale(1.12)}
}


/* =========================================================
   V78 — PRESS KIT SHELL + HERO IMAGE REDESIGN
   More integrated / Feddox-like atmosphere, less boxed UI.
   ========================================================= */

#artist-dialog .artist-dialog-shell{
  display:block!important;
  min-height:100dvh!important;
  position:relative!important;
  overflow:hidden!important;
  background:#070606!important;
}

#artist-dialog .profile-page{
  height:100dvh!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:rgba(32,212,247,.4) transparent;
}

/* ---------- TOP NAV / floating overlay ---------- */

#artist-dialog .dialog-header--floating{
  position:absolute!important;
  z-index:80!important;
  top:18px!important;
  left:clamp(18px,2.1vw,36px)!important;
  right:clamp(18px,2.1vw,36px)!important;
  height:62px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  pointer-events:none;
}

#artist-dialog .dialog-brand--presskit,
#artist-dialog .dialog-progress,
#artist-dialog .dialog-close--round{
  pointer-events:auto;
}

#artist-dialog .dialog-brand--presskit{
  justify-self:start;
  min-height:48px;
  padding:6px 14px 6px 7px;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(7,6,6,.52);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 12px 36px rgba(0,0,0,.16);
  transition:border-color .3s ease,background .3s ease,transform .35s var(--ease);
}

#artist-dialog .dialog-brand--presskit:hover{
  transform:translateY(-2px);
  border-color:rgba(32,212,247,.28);
  background:rgba(9,8,8,.7);
}

#artist-dialog .dialog-brand-mark{
  width:35px;
  height:35px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.025);
}

#artist-dialog .dialog-brand-mark img{
  width:31px!important;
  height:31px!important;
  object-fit:contain!important;
}

#artist-dialog .dialog-brand-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}

#artist-dialog .dialog-brand-copy small{
  font-size:6px;
  letter-spacing:.18em;
  color:#847e7b;
}

#artist-dialog .dialog-brand-copy strong{
  font-size:8px;
  letter-spacing:.14em;
  color:#eeeae7;
  font-weight:600;
}

#artist-dialog .dialog-progress{
  justify-self:center;
  height:44px;
  min-width:154px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(7,6,6,.42);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

#artist-dialog .dialog-progress-label{
  font-size:6px;
  letter-spacing:.18em;
  color:#6f6966;
}

#artist-dialog .dialog-progress strong{
  font-size:10px!important;
  letter-spacing:.18em!important;
  color:#efebe8!important;
  font-weight:600!important;
}

#artist-dialog .dialog-progress i{
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--cyan),rgba(32,212,247,.08));
}

#artist-dialog .dialog-close--round{
  justify-self:end;
  min-height:48px;
  padding:6px 7px 6px 16px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  background:rgba(7,6,6,.52)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  color:#eeeae7!important;
  transition:border-color .3s ease,background .3s ease,transform .35s var(--ease)!important;
}

#artist-dialog .dialog-close--round:hover{
  transform:translateY(-2px);
  border-color:rgba(32,212,247,.3)!important;
  background:rgba(9,8,8,.72)!important;
}

#artist-dialog .dialog-close--round span{
  font-size:7px;
  letter-spacing:.17em;
}

#artist-dialog .dialog-close--round b{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.055);
  color:var(--cyan);
  font-size:18px;
  line-height:1;
  font-weight:300;
}

/* ---------- HERO becomes immersive, portrait used as background ---------- */

#artist-dialog .profile-hero--editorial{
  min-height:100dvh!important;
  height:100dvh!important;
  background:
    radial-gradient(circle at 72% 42%,color-mix(in srgb,var(--dialog-accent) 13%,transparent),transparent 30%),
    radial-gradient(circle at 28% 58%,rgba(66,8,18,.22),transparent 37%),
    #070606!important;
}

#artist-dialog .profile-hero-portrait--bleed{
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:64vw!important;
  max-width:none!important;
  height:100%!important;
  transform:translate(var(--hero-px),var(--hero-py))!important;
  z-index:1!important;
}

#artist-dialog .profile-hero-portrait--bleed::before{
  inset:5% -3% -3% 12%!important;
  border-radius:0!important;
  opacity:.78!important;
  filter:blur(40px)!important;
}

#artist-dialog .profile-hero-portrait--bleed .profile-hero-portrait-frame{
  inset:0!important;
  clip-path:none!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}

#artist-dialog .profile-hero-portrait--bleed .profile-hero-portrait-frame::before{
  display:none!important;
}

#artist-dialog .profile-hero-portrait--bleed .profile-hero-image{
  inset:-2% -1% -2% 4%!important;
  width:99%!important;
  height:104%!important;
  object-fit:cover!important;
  transform:translate(var(--hero-ix),var(--hero-iy)) scale(1.035)!important;
  filter:saturate(.76) contrast(1.08) brightness(.76)!important;
  animation:profilePortraitRevealV78 1.25s .08s var(--ease2) both!important;
}

#artist-dialog.artist-dialog--facu .profile-hero-portrait--bleed .profile-hero-image{
  object-position:58% 42%!important;
}
#artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed .profile-hero-image{
  object-position:70% 47%!important;
}
#artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed .profile-hero-image{
  object-position:56% 43%!important;
}
#artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
  object-position:57% 40%!important;
}

#artist-dialog .profile-hero-portrait--bleed .profile-hero-image-wash{
  background:
    linear-gradient(180deg,rgba(8,6,7,.18) 0%,transparent 30%,rgba(8,6,7,.34) 100%),
    radial-gradient(circle at 65% 38%,transparent 0%,rgba(6,5,5,.06) 48%,rgba(6,5,5,.32) 100%)!important;
  mix-blend-mode:multiply!important;
}

#artist-dialog .profile-hero-portrait--bleed .profile-hero-image-fade{
  background:
    linear-gradient(90deg,
      #070606 0%,
      rgba(7,6,6,.98) 10%,
      rgba(7,6,6,.86) 24%,
      rgba(7,6,6,.50) 37%,
      rgba(7,6,6,.10) 54%,
      transparent 70%),
    linear-gradient(0deg,#070606 0%,rgba(7,6,6,.36) 12%,transparent 30%),
    linear-gradient(180deg,rgba(7,6,6,.28) 0%,transparent 20%)!important;
}

#artist-dialog .profile-hero-lightline{
  position:absolute;
  z-index:5;
  top:0;
  left:39%;
  width:1px;
  height:100%;
  background:linear-gradient(180deg,transparent,rgba(32,212,247,.18) 24%,rgba(32,212,247,.04) 70%,transparent);
  opacity:.55;
  filter:drop-shadow(0 0 9px rgba(32,212,247,.17));
  animation:profileLinePulse 4.8s ease-in-out infinite;
}

#artist-dialog .profile-hero-portrait-meta{
  right:34px!important;
  bottom:118px!important;
  opacity:.62;
}

/* Content overlays the same visual field instead of living beside a card. */
#artist-dialog .profile-hero--editorial .profile-hero-content{
  padding:
    clamp(120px,15vh,154px)
    clamp(58px,6.4vw,112px)
    150px!important;
  align-items:center!important;
}

#artist-dialog .profile-hero--editorial .profile-identity{
  width:min(48vw,700px)!important;
  transform:translateY(-1.5vh);
}

#artist-dialog .dialog-artist-brand{
  width:min(500px,31vw)!important;
  height:clamp(138px,18vh,205px)!important;
}

#artist-dialog .profile-intro--short{
  max-width:590px!important;
  font-size:clamp(30px,2.5vw,45px)!important;
}

#artist-dialog .profile-hero-index{
  left:1.5vw!important;
  top:52%!important;
  font-size:clamp(260px,34vw,620px)!important;
  -webkit-text-stroke:1px rgba(255,255,255,.024)!important;
}

#artist-dialog .profile-hero-grid{
  opacity:.13!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 56%,transparent 82%)!important;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 56%,transparent 82%)!important;
}

/* ---------- BOTTOM NAV / floating artist switcher ---------- */

#artist-dialog .profile-nav--floating{
  position:absolute!important;
  z-index:85!important;
  left:50%!important;
  right:auto!important;
  bottom:20px!important;
  width:min(920px,calc(100vw - 72px))!important;
  height:78px!important;
  transform:translateX(-50%)!important;
  padding:0 10px!important;
  display:grid!important;
  grid-template-columns:1fr minmax(230px,1.15fr) 1fr!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;
  background:rgba(8,7,7,.64)!important;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  box-shadow:0 18px 60px rgba(0,0,0,.26)!important;
}

#artist-dialog .profile-nav-action{
  height:58px;
  padding:0 16px!important;
  border:0!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  background:transparent!important;
  color:#eeeae7!important;
  transition:background .28s ease,transform .32s var(--ease)!important;
}

#artist-dialog .profile-nav-action:hover{
  background:rgba(255,255,255,.045)!important;
  transform:translateY(-1px);
}

#artist-dialog .profile-nav-action--prev{
  justify-self:stretch;
  justify-content:flex-start!important;
  text-align:left!important;
}
#artist-dialog .profile-nav-action--next{
  justify-self:stretch;
  justify-content:flex-end!important;
  text-align:right!important;
}

#artist-dialog .profile-nav-arrow{
  color:var(--cyan);
  font-size:22px;
  line-height:1;
  font-weight:300;
}

#artist-dialog .profile-nav-action-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
}

#artist-dialog .profile-nav-action-copy small{
  font-family:var(--body);
  font-size:7px;
  letter-spacing:.14em;
  color:#6f6966;
}

#artist-dialog .profile-nav-action-copy strong{
  font-family:var(--display);
  font-size:18px;
  letter-spacing:.035em;
  color:#efece9;
}

#artist-dialog .profile-nav-center{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-left:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.08);
}

#artist-dialog .profile-nav-eyebrow{
  margin-bottom:4px;
  font-size:6px;
  letter-spacing:.19em;
  color:var(--cyan);
}

#artist-dialog .profile-nav-current{
  font-family:var(--display)!important;
  font-size:clamp(22px,1.75vw,30px)!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  color:#f3efec!important;
  font-weight:800!important;
}

/* ---------- MOBILE ---------- */

@media(max-width:900px){
  #artist-dialog .dialog-header--floating{
    top:10px!important;
    left:10px!important;
    right:10px!important;
    height:52px!important;
    grid-template-columns:1fr auto!important;
  }

  #artist-dialog .dialog-progress{
    display:none!important;
  }

  #artist-dialog .dialog-brand--presskit{
    min-height:43px;
    padding:4px 11px 4px 5px;
  }

  #artist-dialog .dialog-brand-mark{
    width:33px;height:33px;
  }

  #artist-dialog .dialog-brand-mark img{
    width:29px!important;height:29px!important;
  }

  #artist-dialog .dialog-brand-copy small{
    display:none;
  }

  #artist-dialog .dialog-brand-copy strong{
    font-size:7px;
  }

  #artist-dialog .dialog-close--round{
    min-height:43px;
    padding:4px 5px 4px 11px!important;
    gap:7px!important;
  }

  #artist-dialog .dialog-close--round b{
    width:31px;height:31px;
    font-size:17px;
  }

  #artist-dialog .dialog-close--round span{
    font-size:6px;
  }

  #artist-dialog .profile-hero--editorial{
    min-height:100dvh!important;
    height:auto!important;
  }

  #artist-dialog .profile-hero-portrait--bleed{
    position:absolute!important;
    top:0!important;
    right:-16vw!important;
    width:105vw!important;
    height:69svh!important;
    min-height:510px!important;
    max-height:none!important;
  }

  #artist-dialog .profile-hero-portrait--bleed .profile-hero-image{
    inset:-2% 0 -2% 0!important;
    width:100%!important;
    height:104%!important;
    filter:saturate(.72) contrast(1.08) brightness(.64)!important;
  }

  #artist-dialog .profile-hero-portrait--bleed .profile-hero-image-fade{
    background:
      linear-gradient(90deg,#070606 0%,rgba(7,6,6,.66) 15%,rgba(7,6,6,.10) 53%,transparent 73%),
      linear-gradient(0deg,#070606 0%,rgba(7,6,6,.95) 13%,rgba(7,6,6,.45) 33%,transparent 57%),
      linear-gradient(180deg,rgba(7,6,6,.36) 0%,transparent 22%)!important;
  }

  #artist-dialog .profile-hero-lightline{
    left:22%;
    opacity:.38;
  }

  #artist-dialog .profile-hero-portrait-meta{
    display:none!important;
  }

  #artist-dialog .profile-hero--editorial .profile-hero-content{
    min-height:100dvh!important;
    padding:48svh var(--pad) 118px!important;
    align-items:flex-start!important;
  }

  #artist-dialog .profile-hero--editorial .profile-identity{
    width:100%!important;
    transform:none!important;
    padding-top:32px!important;
  }

  #artist-dialog .dialog-artist-brand{
    width:min(88vw,470px)!important;
    height:128px!important;
  }

  #artist-dialog .profile-intro--short{
    font-size:clamp(28px,8vw,40px)!important;
  }

  #artist-dialog .profile-nav--floating{
    position:fixed!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    height:68px!important;
    border-radius:17px!important;
    grid-template-columns:70px 1fr 70px!important;
    padding:0 5px!important;
  }

  #artist-dialog .profile-nav-action{
    width:60px;
    height:56px;
    padding:0!important;
    justify-content:center!important;
  }

  #artist-dialog .profile-nav-action-copy{
    display:none!important;
  }

  #artist-dialog .profile-nav-arrow{
    font-size:25px;
  }

  #artist-dialog .profile-nav-center{
    border-left:1px solid rgba(255,255,255,.07);
    border-right:1px solid rgba(255,255,255,.07);
  }

  #artist-dialog .profile-nav-eyebrow{
    font-size:5.5px;
    margin-bottom:3px;
  }

  #artist-dialog .profile-nav-current{
    font-size:clamp(19px,5.8vw,27px)!important;
  }
}

@media(max-width:560px){
  #artist-dialog .profile-hero-portrait--bleed{
    right:-22vw!important;
    width:118vw!important;
    height:66svh!important;
  }

  #artist-dialog.artist-dialog--facu .profile-hero-portrait--bleed .profile-hero-image{
    object-position:58% 37%!important;
  }
  #artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed .profile-hero-image{
    object-position:68% 47%!important;
  }
  #artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed .profile-hero-image{
    object-position:57% 39%!important;
  }
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    object-position:58% 37%!important;
  }

  #artist-dialog .profile-hero--editorial .profile-hero-content{
    padding-top:46svh!important;
  }
}

@keyframes profilePortraitRevealV78{
  from{
    opacity:0;
    transform:translate3d(30px,0,0) scale(1.075);
    filter:blur(5px);
  }
  to{
    opacity:1;
    transform:translate(var(--hero-ix),var(--hero-iy)) scale(1.035);
    filter:blur(0);
  }
}

@keyframes profileLinePulse{
  0%,100%{opacity:.18;transform:scaleY(.84)}
  50%{opacity:.62;transform:scaleY(1)}
}


/* =========================================================
   V79 — Legibility / logo scale / social icons polish
   ========================================================= */

/* Quitar la línea azul vertical del hero */
#artist-dialog .profile-hero-lightline{
  display:none !important;
}

/* Header superior: marca un poco más grande y más legible */
#artist-dialog .dialog-brand--presskit{
  min-height:54px;
  padding:6px 16px 6px 7px;
}
#artist-dialog .dialog-brand-mark{
  width:40px;
  height:40px;
}
#artist-dialog .dialog-brand-mark img{
  width:36px !important;
  height:36px !important;
}
#artist-dialog .dialog-brand-copy small{
  font-size:7px;
  letter-spacing:.17em;
}
#artist-dialog .dialog-brand-copy strong{
  font-size:9px;
  letter-spacing:.15em;
}
#artist-dialog .dialog-progress{
  min-width:170px;
}
#artist-dialog .dialog-progress-label{
  font-size:7px;
}
#artist-dialog .dialog-progress strong{
  font-size:11px !important;
}
#artist-dialog .dialog-close--round span{
  font-size:8px;
}

/* Logo del artista más grande */
#artist-dialog .dialog-artist-brand{
  width:min(580px, 38vw) !important;
  height:clamp(168px, 22vh, 240px) !important;
  margin-bottom:20px !important;
}
#artist-dialog .dialog-artist-brand img{
  max-height:100%;
  object-fit:contain;
  object-position:left center;
}
#artist-dialog.artist-dialog--facu .dialog-artist-brand img,
#artist-dialog.artist-dialog--renzo .dialog-artist-brand img,
#artist-dialog.artist-dialog--afernand .dialog-artist-brand img,
#artist-dialog.artist-dialog--kaass .dialog-artist-brand img{
  width:100% !important;
  max-width:100% !important;
}

/* Kicker y metadata más legibles */
#artist-dialog .profile-hero-kicker{
  font-size:8px !important;
  letter-spacing:.18em !important;
  gap:10px;
  margin-bottom:18px !important;
  color:#b8b0ac !important;
}
#artist-dialog .profile-hero-kicker span{
  width:28px !important;
}
#artist-dialog .profile-meta-line{
  font-size:10px !important;
  letter-spacing:.17em !important;
  gap:18px !important;
  margin-bottom:18px !important;
  color:#d8d0cc !important;
}
#artist-dialog .profile-meta-line i{
  width:38px !important;
}
#artist-dialog .profile-intro--short{
  font-size:clamp(34px,2.9vw,50px) !important;
  max-width:660px !important;
}

/* CTA principal más clara */
#artist-dialog .profile-hero-primary small{
  font-size:8px !important;
  letter-spacing:.17em !important;
  color:#a69d99 !important;
}
#artist-dialog .profile-hero-primary strong{
  font-size:17px !important;
  letter-spacing:.03em !important;
}

/* Redes con icono profesional y tipografía más grande */
#artist-dialog .profile-socials{
  gap:14px !important;
  margin-top:0 !important;
}
#artist-dialog .profile-socials a{
  min-width:168px;
  min-height:54px;
  padding:0 18px !important;
  gap:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.02) !important;
  color:#f2efec !important;
  font-size:11px !important;
  letter-spacing:.15em !important;
  font-weight:600 !important;
}
#artist-dialog .profile-socials a:hover{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(32,212,247,.28) !important;
}
#artist-dialog .profile-social-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--cyan);
  flex:0 0 auto;
}
#artist-dialog .profile-social-icon svg{
  width:18px;
  height:18px;
  display:block;
}
#artist-dialog .profile-social-copy{
  font-size:11px;
  letter-spacing:.15em;
  color:#f2efec;
}
#artist-dialog .profile-social-arrow{
  margin-left:auto;
  color:var(--cyan);
  font-size:13px;
  line-height:1;
}

/* Texto de representación más visible */
#artist-dialog .profile-hero-representation{
  margin-top:18px !important;
  gap:10px !important;
}
#artist-dialog .profile-hero-representation p{
  font-size:10px !important;
  letter-spacing:.15em !important;
  color:#ccc3bf !important;
}
#artist-dialog .profile-hero-representation strong{
  font-size:10px !important;
  letter-spacing:.16em !important;
  color:#f3efec !important;
}
#artist-dialog .profile-hero-representation-dot{
  width:7px !important;
  height:7px !important;
}

/* Navegación inferior: subtítulos más legibles */
#artist-dialog .profile-nav-action-copy small{
  font-size:8px !important;
}
#artist-dialog .profile-nav-action-copy strong{
  font-size:20px !important;
}
#artist-dialog .profile-nav-eyebrow{
  font-size:7px !important;
}

@media (max-width: 900px){
  #artist-dialog .dialog-brand--presskit{
    min-height:46px;
    padding:4px 12px 4px 6px;
  }
  #artist-dialog .dialog-brand-mark{
    width:35px;
    height:35px;
  }
  #artist-dialog .dialog-brand-mark img{
    width:31px !important;
    height:31px !important;
  }
  #artist-dialog .dialog-brand-copy strong{
    font-size:7.8px;
  }
  #artist-dialog .dialog-close--round span{
    font-size:6.8px;
  }

  #artist-dialog .dialog-artist-brand{
    width:min(94vw, 520px) !important;
    height:132px !important;
    margin-bottom:16px !important;
  }
  #artist-dialog .profile-hero-kicker{
    font-size:7px !important;
    margin-bottom:14px !important;
  }
  #artist-dialog .profile-meta-line{
    font-size:8.6px !important;
    letter-spacing:.14em !important;
    gap:12px !important;
    margin-bottom:14px !important;
  }
  #artist-dialog .profile-meta-line i{
    width:22px !important;
  }
  #artist-dialog .profile-intro--short{
    font-size:clamp(30px, 8.2vw, 42px) !important;
  }
  #artist-dialog .profile-hero-primary small{
    font-size:7px !important;
  }
  #artist-dialog .profile-hero-primary strong{
    font-size:14px !important;
  }
  #artist-dialog .profile-socials{
    gap:10px !important;
    flex-wrap:wrap;
  }
  #artist-dialog .profile-socials a{
    min-width:148px;
    min-height:48px;
    padding:0 15px !important;
    font-size:9.5px !important;
  }
  #artist-dialog .profile-social-copy{
    font-size:9.5px;
  }
  #artist-dialog .profile-social-icon,
  #artist-dialog .profile-social-icon svg{
    width:16px;
    height:16px;
  }
  #artist-dialog .profile-hero-representation{
    margin-top:14px !important;
  }
  #artist-dialog .profile-hero-representation p,
  #artist-dialog .profile-hero-representation strong{
    font-size:8.5px !important;
  }
}


/* =========================================================
   V80 — PRESS KIT UI / LEGIBILITY SYSTEM
   Reusable across FACU / RENZO / AFERNAND / KAASS
   ========================================================= */

/* ---------- TOP LEFT BRAND ---------- */
#artist-dialog .dialog-brand--presskit{
  min-height:64px!important;
  padding:7px 19px 7px 8px!important;
  gap:13px!important;
  border-radius:999px!important;
}

#artist-dialog .dialog-brand-mark{
  width:47px!important;
  height:47px!important;
}

#artist-dialog .dialog-brand-mark img{
  width:43px!important;
  height:43px!important;
}

#artist-dialog .dialog-brand-copy{
  gap:3px!important;
}

#artist-dialog .dialog-brand-copy small{
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:.17em!important;
  color:#b6aeaa!important;
}

#artist-dialog .dialog-brand-copy strong{
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.15em!important;
  color:#f2eeeb!important;
  font-weight:700!important;
}

/* ---------- TOP CENTER ROSTER / COUNT ---------- */
#artist-dialog .dialog-progress{
  min-width:205px!important;
  height:52px!important;
  padding:0 20px!important;
  gap:13px!important;
}

#artist-dialog .dialog-progress-label{
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  color:#a09894!important;
}

#artist-dialog .dialog-progress strong{
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.17em!important;
  color:#f4f0ed!important;
  font-weight:700!important;
}

#artist-dialog .dialog-progress i{
  width:34px!important;
}

/* ---------- TOP RIGHT CLOSE ---------- */
#artist-dialog .dialog-close--round{
  min-height:54px!important;
  padding:6px 7px 6px 18px!important;
  gap:13px!important;
}

#artist-dialog .dialog-close--round span{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:650!important;
}

#artist-dialog .dialog-close--round b{
  width:40px!important;
  height:40px!important;
  font-size:21px!important;
}

/* ---------- PORTRAIT META ---------- */
#artist-dialog .profile-hero-portrait-meta{
  right:34px!important;
  bottom:118px!important;
  gap:12px!important;
  opacity:.9!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  color:#d7cfcb!important;
}

#artist-dialog .profile-hero-portrait-meta span{
  color:var(--cyan)!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
  font-weight:650!important;
}

#artist-dialog .profile-hero-portrait-meta b{
  color:#f0ece9!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
  font-weight:650!important;
}

/* ---------- BOTTOM NAV: SECONDARY LABELS ---------- */
#artist-dialog .profile-nav--floating{
  height:82px!important;
}

#artist-dialog .profile-nav-action-copy{
  gap:4px!important;
}

#artist-dialog .profile-nav-action-copy small{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  color:#958d89!important;
  font-weight:600!important;
}

#artist-dialog .profile-nav-action-copy strong{
  font-size:21px!important;
  line-height:1!important;
  letter-spacing:.025em!important;
}

#artist-dialog .profile-nav-eyebrow{
  margin-bottom:5px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  color:var(--cyan)!important;
  font-weight:650!important;
}

#artist-dialog .profile-nav-current{
  font-size:clamp(24px,1.9vw,32px)!important;
}

/* Ensure the universal shell stays consistent for every artist. */
#artist-dialog.artist-dialog--facu .dialog-brand--presskit,
#artist-dialog.artist-dialog--renzo .dialog-brand--presskit,
#artist-dialog.artist-dialog--afernand .dialog-brand--presskit,
#artist-dialog.artist-dialog--kaass .dialog-brand--presskit,
#artist-dialog.artist-dialog--facu .dialog-progress,
#artist-dialog.artist-dialog--renzo .dialog-progress,
#artist-dialog.artist-dialog--afernand .dialog-progress,
#artist-dialog.artist-dialog--kaass .dialog-progress,
#artist-dialog.artist-dialog--facu .profile-nav--floating,
#artist-dialog.artist-dialog--renzo .profile-nav--floating,
#artist-dialog.artist-dialog--afernand .profile-nav--floating,
#artist-dialog.artist-dialog--kaass .profile-nav--floating{
  box-sizing:border-box!important;
}

/* ---------- TABLET / MOBILE ---------- */
@media(max-width:900px){
  #artist-dialog .dialog-header--floating{
    height:58px!important;
  }

  #artist-dialog .dialog-brand--presskit{
    min-height:50px!important;
    padding:5px 13px 5px 6px!important;
    gap:9px!important;
  }

  #artist-dialog .dialog-brand-mark{
    width:38px!important;
    height:38px!important;
  }

  #artist-dialog .dialog-brand-mark img{
    width:34px!important;
    height:34px!important;
  }

  #artist-dialog .dialog-brand-copy small{
    display:block!important;
    font-size:6.5px!important;
    letter-spacing:.14em!important;
  }

  #artist-dialog .dialog-brand-copy strong{
    font-size:8px!important;
    letter-spacing:.12em!important;
  }

  #artist-dialog .dialog-close--round{
    min-height:48px!important;
    padding:5px 5px 5px 12px!important;
    gap:8px!important;
  }

  #artist-dialog .dialog-close--round span{
    font-size:7.5px!important;
  }

  #artist-dialog .dialog-close--round b{
    width:35px!important;
    height:35px!important;
    font-size:19px!important;
  }

  /* Keep portrait identification visible on mobile as well. */
  #artist-dialog .profile-hero-portrait-meta{
    display:flex!important;
    right:18px!important;
    bottom:94px!important;
    font-size:7px!important;
    gap:8px!important;
  }

  #artist-dialog .profile-hero-portrait-meta span,
  #artist-dialog .profile-hero-portrait-meta b{
    font-size:7px!important;
  }

  #artist-dialog .profile-nav--floating{
    height:72px!important;
  }

  #artist-dialog .profile-nav-eyebrow{
    font-size:7px!important;
  }

  #artist-dialog .profile-nav-current{
    font-size:clamp(20px,5.9vw,28px)!important;
  }
}

@media(max-width:560px){
  #artist-dialog .dialog-brand-copy small{
    font-size:6px!important;
  }

  #artist-dialog .dialog-brand-copy strong{
    font-size:7.5px!important;
  }

  #artist-dialog .dialog-close--round span{
    font-size:7px!important;
  }

  #artist-dialog .profile-hero-portrait-meta{
    right:14px!important;
    bottom:88px!important;
    max-width:68vw;
    flex-wrap:wrap;
    justify-content:flex-end;
  }

  #artist-dialog .profile-hero-portrait-meta span,
  #artist-dialog .profile-hero-portrait-meta b{
    font-size:6.5px!important;
  }
}


/* =========================================================
   V81 — PRESS KIT MOBILE MASTER / CLEAN SHELL + LIVE + BOOKING
   ========================================================= */

/* 1. TOP FLOATING MENU — no square blurry blocks */
#artist-dialog .dialog-header--floating{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#artist-dialog .dialog-brand--presskit,
#artist-dialog .dialog-progress,
#artist-dialog .dialog-close--round{
  background:rgba(7,6,6,.72)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  box-shadow:0 10px 32px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
}

#artist-dialog .dialog-brand--presskit::before,
#artist-dialog .dialog-progress::before,
#artist-dialog .dialog-close--round::before{
  display:none!important;
}

/* 2. MOBILE HERO — fix cut meta, center logo */
@media(max-width:900px){
  #artist-dialog .profile-hero--editorial{
    overflow:hidden!important;
    padding-bottom:20px!important;
  }

  #artist-dialog .profile-hero-portrait--bleed{
    height:62svh!important;
    min-height:500px!important;
  }

  #artist-dialog .profile-hero-portrait-meta{
    position:absolute!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    right:18px!important;
    left:auto!important;
    bottom:105px!important;
    max-width:78vw!important;
    white-space:normal!important;
    flex-wrap:wrap!important;
    text-align:right!important;
    z-index:20!important;
  }

  #artist-dialog .profile-hero-portrait-meta span,
  #artist-dialog .profile-hero-portrait-meta b{
    display:inline!important;
    font-size:7px!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
  }

  #artist-dialog .profile-hero--editorial .profile-hero-content{
    padding-top:43svh!important;
    padding-left:var(--pad)!important;
    padding-right:var(--pad)!important;
    padding-bottom:126px!important;
  }

  #artist-dialog .profile-hero--editorial .profile-identity{
    padding-top:58px!important;
  }

  #artist-dialog .profile-hero-kicker{
    justify-content:center!important;
    text-align:center!important;
    margin-bottom:10px!important;
  }

  #artist-dialog .profile-hero-kicker span{
    display:none!important;
  }

  #artist-dialog .dialog-artist-brand{
    width:min(96vw,520px)!important;
    height:148px!important;
    margin:0 auto 18px!important;
    justify-content:center!important;
  }

  #artist-dialog .dialog-artist-brand img,
  #artist-dialog.artist-dialog--facu .dialog-artist-brand img,
  #artist-dialog.artist-dialog--renzo .dialog-artist-brand img,
  #artist-dialog.artist-dialog--afernand .dialog-artist-brand img,
  #artist-dialog.artist-dialog--kaass .dialog-artist-brand img{
    object-position:center center!important;
  }

  #artist-dialog .profile-meta-line{
    justify-content:center!important;
  }

  #artist-dialog .profile-intro--short{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #artist-dialog .profile-hero-actions{
    justify-content:center!important;
  }

  #artist-dialog .profile-hero-representation{
    justify-content:center!important;
    text-align:center!important;
  }
}

/* 3. LIVE / 01 — visual language aligned with OF */
#artist-dialog .profile-live{
  position:relative!important;
  background:
    radial-gradient(circle at 16% 18%,rgba(32,212,247,.055),transparent 28%),
    radial-gradient(circle at 82% 24%,rgba(104,20,31,.14),transparent 35%),
    linear-gradient(180deg,#090707 0%,#070606 100%)!important;
}

#artist-dialog .profile-live .profile-section-index,
#artist-dialog .profile-live [data-live-kicker]{
  color:var(--cyan)!important;
  font-size:9px!important;
  letter-spacing:.17em!important;
}

#artist-dialog .profile-live [data-live-heading]{
  color:#f2efec!important;
  text-shadow:none!important;
}

#artist-dialog .profile-live [data-live-heading] span{
  color:transparent!important;
  -webkit-text-stroke:1px rgba(242,239,236,.55)!important;
}

#artist-dialog .profile-live [data-live-description]{
  color:#a79f9b!important;
}

/* 4. LIVE player — cleaner, editorial and mobile friendly */
#artist-dialog .sound-featured,
#artist-dialog .profile-live-player,
#artist-dialog .live-player{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(9,8,8,.72)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24)!important;
}

#artist-dialog .sound-featured-video-wrap,
#artist-dialog .live-player-media{
  border-radius:0!important;
  overflow:hidden!important;
}

#artist-dialog .sound-featured-video{
  filter:saturate(.85) contrast(1.05) brightness(.8)!important;
}

#artist-dialog .sound-player-controls,
#artist-dialog .live-controls{
  background:linear-gradient(180deg,rgba(12,11,11,.98),rgba(7,7,7,.98))!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

#artist-dialog .sound-player-controls button,
#artist-dialog .live-controls button{
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.035)!important;
}

@media(max-width:900px){
  #artist-dialog .profile-live{
    padding-bottom:130px!important;
  }

  #artist-dialog .profile-live [data-live-heading]{
    font-size:clamp(46px,14vw,72px)!important;
    line-height:.82!important;
  }

  #artist-dialog .profile-live [data-live-description]{
    font-size:14px!important;
    line-height:1.65!important;
  }

  #artist-dialog .profile-live-player,
  #artist-dialog .sound-featured{
    border-radius:18px!important;
    overflow:hidden!important;
    margin-top:34px!important;
  }

  #artist-dialog .sound-featured-video-wrap{
    aspect-ratio:16/10!important;
    min-height:0!important;
  }

  #artist-dialog .sound-featured-video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  #artist-dialog .sound-featured-overlay{
    padding:16px!important;
  }

  #artist-dialog .sound-featured-title{
    font-size:clamp(22px,7vw,32px)!important;
    line-height:.94!important;
  }

  #artist-dialog .sound-featured-location{
    font-size:7px!important;
  }

  #artist-dialog .sound-featured-play{
    width:64px!important;
    height:64px!important;
    border-width:1px!important;
  }

  #artist-dialog .sound-player-controls{
    min-height:60px!important;
    padding:9px 11px!important;
    display:grid!important;
    grid-template-columns:38px 1fr auto!important;
    gap:10px!important;
    align-items:center!important;
  }

  #artist-dialog .sound-player-controls .sound-time,
  #artist-dialog .sound-player-controls .sound-duration{
    font-size:6px!important;
  }

  #artist-dialog .sound-player-controls .sound-volume-wrap{
    min-width:auto!important;
  }

  #artist-dialog .sound-player-controls input[type="range"]:not(.sound-progress){
    display:none!important;
  }
}

/* 5. BOOKING CTA — remove redundant form from artist press kit */
#artist-dialog .profile-booking--cta{
  position:relative!important;
  min-height:78vh!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:120px var(--pad) 150px!important;
  background:#080707!important;
}

#artist-dialog .profile-booking-bg-wrap{
  position:absolute;
  inset:0;
  z-index:0;
}

#artist-dialog .profile-booking-bg{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.65) contrast(1.08) brightness(.34)!important;
}

#artist-dialog .profile-booking-bg-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,6,6,.96),rgba(7,6,6,.74) 50%,rgba(7,6,6,.90)),
    linear-gradient(0deg,#080707 0%,transparent 28%,transparent 75%,#080707 100%);
}

#artist-dialog .profile-booking-cta-inner{
  position:relative;
  z-index:2;
  width:min(720px,100%);
  text-align:center;
}

#artist-dialog .profile-booking-kicker{
  margin:0 0 22px;
  font-size:9px;
  letter-spacing:.18em;
  color:var(--cyan);
}

#artist-dialog .profile-booking-logo-wrap{
  width:min(480px,70vw);
  height:150px;
  margin:0 auto 18px;
}

#artist-dialog .profile-booking-logo-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

#artist-dialog .profile-booking--cta h2{
  margin:0;
  font-family:var(--display);
  font-size:clamp(64px,8vw,120px);
  line-height:.8;
  letter-spacing:-.04em;
  text-transform:uppercase;
}

#artist-dialog .profile-booking--cta h2 span{
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.55);
}

#artist-dialog .profile-booking-lead{
  max-width:560px;
  margin:28px auto 0;
  color:#aaa29e;
  font-size:15px;
  line-height:1.65;
}

#artist-dialog .profile-booking-main-cta{
  width:min(430px,100%);
  min-height:74px;
  margin:32px auto 0;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid rgba(32,212,247,.34);
  border-radius:18px;
  background:rgba(32,212,247,.045);
  color:#f3efec;
  transition:transform .35s var(--ease),background .3s ease,border-color .3s ease;
}

#artist-dialog .profile-booking-main-cta:hover{
  transform:translateY(-3px);
  background:rgba(32,212,247,.075);
  border-color:rgba(32,212,247,.58);
}

#artist-dialog .profile-booking-main-cta span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}

#artist-dialog .profile-booking-main-cta small{
  font-size:7px;
  letter-spacing:.17em;
  color:#8f8783;
}

#artist-dialog .profile-booking-main-cta strong{
  font-family:var(--display);
  font-size:22px;
  letter-spacing:.02em;
}

#artist-dialog .profile-booking-main-cta b{
  color:var(--cyan);
  font-size:22px;
  font-weight:400;
}

#artist-dialog .profile-booking-note{
  margin:15px 0 0;
  color:#655f5c;
  font-size:8px;
  line-height:1.5;
  letter-spacing:.05em;
}

@media(max-width:900px){
  #artist-dialog .profile-booking--cta{
    min-height:74svh!important;
    padding:90px var(--pad) 125px!important;
  }

  #artist-dialog .profile-booking-logo-wrap{
    width:min(88vw,460px);
    height:125px;
  }

  #artist-dialog .profile-booking--cta h2{
    font-size:clamp(58px,17vw,88px)!important;
  }

  #artist-dialog .profile-booking-lead{
    font-size:14px!important;
  }

  #artist-dialog .profile-booking-main-cta{
    min-height:70px;
    border-radius:16px;
  }
}

/* 6. MOBILE BOTTOM ROSTER NAV — professional dock + artist name */
@media(max-width:900px){
  #artist-dialog .profile-nav--floating{
    position:fixed!important;
    left:50%!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:calc(100vw - 22px)!important;
    height:74px!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:62px 1fr 62px!important;
    align-items:center!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(7,6,6,.88)!important;
    box-shadow:0 14px 48px rgba(0,0,0,.38)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
  }

  #artist-dialog .profile-nav-action{
    width:54px!important;
    height:54px!important;
    margin:auto!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }

  #artist-dialog .profile-nav-arrow{
    font-size:27px!important;
  }

  #artist-dialog .profile-nav-center{
    height:58px!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.07)!important;
    border-right:1px solid rgba(255,255,255,.07)!important;
  }

  #artist-dialog .profile-nav-eyebrow{
    display:block!important;
    font-size:6.5px!important;
    letter-spacing:.15em!important;
    margin-bottom:5px!important;
  }

  #artist-dialog .profile-nav-current{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(18px,5.4vw,25px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* =========================================================
   V82 — ARTIST ID FIX / MOBILE
   ========================================================= */

#artist-dialog .profile-hero-portrait-meta,
#artist-dialog .profile-hero-kicker{
  display:none!important;
}

#artist-dialog .profile-hero-identity-meta{
  margin:0 0 18px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#d8d0cc;
  font-size:9px;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}

#artist-dialog .profile-hero-identity-meta::before{
  content:"";
  width:28px;
  height:1px;
  flex:0 0 auto;
  background:var(--cyan);
  box-shadow:0 0 12px rgba(32,212,247,.28);
}

#artist-dialog .profile-hero-identity-meta span{
  color:var(--cyan);
  font-weight:650;
}

#artist-dialog .profile-hero-identity-meta b{
  color:#f2eeeb;
  font-weight:650;
}

@media(max-width:900px){
  #artist-dialog .profile-hero--editorial .profile-identity{
    padding-top:40px!important;
  }

  #artist-dialog .profile-hero-identity-meta{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 11px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #artist-dialog .profile-hero-identity-meta::before{
    display:none!important;
  }

  #artist-dialog .profile-hero-identity-meta span,
  #artist-dialog .profile-hero-identity-meta b{
    font-size:7.5px!important;
    line-height:1.2!important;
    letter-spacing:.105em!important;
  }

  #artist-dialog .dialog-artist-brand{
    margin-top:0!important;
  }
}

@media(max-width:430px){
  #artist-dialog .profile-hero-identity-meta{
    max-width:96%!important;
    white-space:normal!important;
    flex-wrap:wrap!important;
    row-gap:3px!important;
  }

  #artist-dialog .profile-hero-identity-meta span,
  #artist-dialog .profile-hero-identity-meta b{
    font-size:7px!important;
  }
}


/* =========================================================
   V83 — FACU MOBILE LIVE MASTER + OPTICAL ALIGNMENT + CTA
   ========================================================= */

/* Universal optical correction for the standardized artist-logo canvases.
   All four supplied logos share the same source dimensions/proportions. */
#artist-dialog .dialog-artist-brand{
  --artist-logo-optical-x:-2.2%;
}

@media(max-width:900px){
  #artist-dialog .dialog-artist-brand img,
  #artist-dialog.artist-dialog--facu .dialog-artist-brand img,
  #artist-dialog.artist-dialog--renzo .dialog-artist-brand img,
  #artist-dialog.artist-dialog--afernand .dialog-artist-brand img,
  #artist-dialog.artist-dialog--kaass .dialog-artist-brand img{
    transform:translateX(var(--artist-logo-optical-x))!important;
  }
}

/* Desktop keeps the horizontal cinematic player. */
#artist-dialog .live-mobile-card{
  display:none;
}

/* Mobile: vertical LIVE replaces the conventional player UI. */
@media(max-width:900px){
  #artist-dialog .live-feature{
    display:block!important;
  }

  #artist-dialog .live-feature-media.live-player{
    display:none!important;
  }

  #artist-dialog .live-mobile-card{
    position:relative;
    display:block!important;
    width:min(82vw,360px);
    aspect-ratio:9/16;
    margin:34px auto 0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    background:#050505;
    box-shadow:
      0 28px 70px rgba(0,0,0,.38),
      0 0 0 1px rgba(32,212,247,.025) inset;
    isolation:isolate;
  }

  #artist-dialog .live-mobile-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    background:#050505;
    filter:saturate(.88) contrast(1.04) brightness(.84);
    cursor:pointer;
  }

  #artist-dialog .live-mobile-shade{
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(5,5,5,.24) 0%,transparent 22%,transparent 62%,rgba(5,5,5,.72) 100%),
      radial-gradient(circle at 50% 45%,transparent 35%,rgba(0,0,0,.14) 100%);
  }

  #artist-dialog .live-mobile-topline{
    position:absolute;
    z-index:5;
    left:14px;
    right:14px;
    top:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    pointer-events:none;
  }

  #artist-dialog .live-mobile-topline>span{
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    background:rgba(6,6,6,.48);
    -webkit-backdrop-filter:blur(9px);
    backdrop-filter:blur(9px);
    color:#d9d2ce;
    font-size:6.5px;
    line-height:1;
    letter-spacing:.14em;
  }

  #artist-dialog .live-mobile-mute{
    pointer-events:auto;
    width:42px;
    height:42px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    color:#f1eeeb;
    background:rgba(6,6,6,.58);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    transition:transform .28s var(--ease),border-color .25s ease,color .25s ease;
  }

  #artist-dialog .live-mobile-mute.is-on{
    color:var(--cyan);
    border-color:rgba(32,212,247,.55);
  }

  #artist-dialog .live-mobile-mute svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  #artist-dialog .live-mobile-mute svg path:first-child{
    fill:currentColor;
    stroke:none;
  }

  #artist-dialog .live-mobile-volume-on{display:none}
  #artist-dialog .live-mobile-mute.is-on .live-mobile-volume-off{display:none}
  #artist-dialog .live-mobile-mute.is-on .live-mobile-volume-on{display:block}

  #artist-dialog .live-mobile-play{
    position:absolute;
    z-index:6;
    left:50%;
    top:50%;
    width:76px;
    height:76px;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.34);
    border-radius:50%;
    color:#fff;
    background:rgba(8,8,8,.36);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-shadow:0 12px 34px rgba(0,0,0,.26);
    transition:
      transform .3s var(--ease),
      opacity .25s ease,
      background .25s ease,
      border-color .25s ease;
  }

  #artist-dialog .live-mobile-play:active{
    transform:translate(-50%,-50%) scale(.94);
  }

  #artist-dialog .live-mobile-play-icon{
    display:block;
    margin-left:3px;
    color:var(--cyan);
    font-size:25px;
    line-height:1;
  }

  #artist-dialog .live-mobile-card.is-playing .live-mobile-play{
    width:58px;
    height:58px;
    opacity:.22;
  }

  #artist-dialog .live-mobile-card.is-playing .live-mobile-play:hover,
  #artist-dialog .live-mobile-card.is-playing .live-mobile-play:focus-visible{
    opacity:.92;
  }

  #artist-dialog .live-mobile-card.is-playing .live-mobile-play-icon{
    margin-left:0;
    font-size:20px;
  }

  #artist-dialog .live-mobile-caption{
    position:absolute;
    z-index:5;
    left:18px;
    right:18px;
    bottom:18px;
    display:flex;
    flex-direction:column;
    gap:5px;
    pointer-events:none;
  }

  #artist-dialog .live-mobile-caption small{
    color:var(--cyan);
    font-size:6.5px;
    letter-spacing:.15em;
  }

  #artist-dialog .live-mobile-caption strong{
    max-width:90%;
    font-family:var(--display);
    color:#f4f0ed;
    font-size:28px;
    line-height:.9;
    letter-spacing:.01em;
  }
}

/* Booking CTA: stronger premium action, less generic outlined form button. */
#artist-dialog .profile-booking-main-cta{
  position:relative;
  width:min(460px,100%)!important;
  min-height:78px!important;
  margin-top:34px!important;
  padding:0 13px 0 22px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.045),rgba(32,212,247,.035))!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.22),
    0 0 0 1px rgba(32,212,247,.025) inset!important;
}

#artist-dialog .profile-booking-main-cta::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--cyan);
  box-shadow:0 0 18px rgba(32,212,247,.35);
}

#artist-dialog .profile-booking-main-cta::after{
  content:"";
  position:absolute;
  top:-70%;
  left:-30%;
  width:22%;
  height:240%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
  opacity:0;
  transition:left .65s var(--ease),opacity .25s ease;
}

#artist-dialog .profile-booking-main-cta:hover::after{
  left:112%;
  opacity:1;
}

#artist-dialog .profile-booking-main-cta span{
  position:relative;
  z-index:2;
  gap:5px!important;
}

#artist-dialog .profile-booking-main-cta small{
  color:#8e8783!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
}

#artist-dialog .profile-booking-main-cta strong{
  color:#f5f1ee!important;
  font-size:24px!important;
}

#artist-dialog .profile-booking-main-cta b{
  position:relative;
  z-index:2;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(32,212,247,.28);
  border-radius:50%;
  background:rgba(32,212,247,.055);
  color:var(--cyan)!important;
  font-size:20px!important;
  transition:transform .3s var(--ease),background .25s ease;
}

#artist-dialog .profile-booking-main-cta:hover b{
  transform:translate(2px,-2px);
  background:rgba(32,212,247,.09);
}

@media(max-width:900px){
  #artist-dialog .profile-booking-main-cta{
    min-height:74px!important;
    border-radius:18px!important;
  }

  #artist-dialog .profile-booking-main-cta strong{
    font-size:21px!important;
  }

  #artist-dialog .profile-booking-main-cta b{
    width:44px;
    height:44px;
  }
}

/* =========================================================
   V85 — Renzo hero balance refinements
   Goal: reduce excessive darkness, avoid “floating in black”,
   and integrate the portrait with the OF visual atmosphere.
   ========================================================= */

#artist-dialog.artist-dialog--renzo .profile-hero--editorial{
  background:
    radial-gradient(circle at 72% 34%, rgba(152,34,21,.22), transparent 26%),
    radial-gradient(circle at 61% 56%, rgba(109,22,18,.17), transparent 34%),
    radial-gradient(circle at 24% 70%, rgba(32,212,247,.045), transparent 30%),
    linear-gradient(115deg,#070606 0%,#0c0808 46%,#090707 100%)!important;
}

#artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed{
  overflow:visible!important;
}

#artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:18% 2% 10% 20%;
  background:
    radial-gradient(circle at 58% 34%, rgba(173,36,24,.30) 0%, rgba(124,25,19,.18) 36%, transparent 68%),
    radial-gradient(circle at 48% 72%, rgba(255,109,66,.08) 0%, transparent 42%);
  filter:blur(28px);
  opacity:.95;
  pointer-events:none;
}

#artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed .profile-hero-image{
  inset:-2% -1% -2% 1%!important;
  width:102%!important;
  height:105%!important;
  object-position:67% 45%!important;
  filter:saturate(.82) contrast(1.1) brightness(.9)!important;
}

#artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed .profile-hero-image-wash{
  background:
    linear-gradient(180deg, rgba(8,6,7,.14) 0%, transparent 28%, rgba(8,6,7,.22) 100%),
    radial-gradient(circle at 63% 42%, rgba(164,34,25,.10) 0%, transparent 32%, rgba(6,5,5,.18) 100%)!important;
  mix-blend-mode:screen!important;
  opacity:.52!important;
}

#artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed .profile-hero-image-fade{
  background:
    linear-gradient(90deg,
      #070606 0%,
      rgba(7,6,6,.965) 14%,
      rgba(7,6,6,.82) 28%,
      rgba(7,6,6,.40) 46%,
      rgba(7,6,6,.10) 62%,
      transparent 78%),
    linear-gradient(0deg,#070606 0%,rgba(7,6,6,.26) 12%,transparent 30%),
    linear-gradient(180deg,rgba(7,6,6,.18) 0%,transparent 20%)!important;
}

@media (min-width:901px){
  #artist-dialog.artist-dialog--renzo .profile-hero--editorial .profile-identity{
    width:min(49vw,720px)!important;
  }

  #artist-dialog.artist-dialog--renzo .dialog-artist-brand{
    margin-bottom:12px!important;
  }
}

@media (max-width:900px){
  #artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed::after{
    inset:10% -8% 14% 14%;
    filter:blur(22px);
    opacity:.88;
  }

  #artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed .profile-hero-image{
    object-position:65% 42%!important;
    transform:translate(var(--hero-ix),var(--hero-iy)) scale(1.045)!important;
    filter:saturate(.84) contrast(1.08) brightness(.94)!important;
  }
}

@media (max-width:560px){
  #artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed{
    right:-20vw!important;
    width:118vw!important;
    height:66svh!important;
  }

  #artist-dialog.artist-dialog--renzo .profile-hero-portrait--bleed .profile-hero-image{
    object-position:66% 43%!important;
    filter:saturate(.86) contrast(1.08) brightness(.96)!important;
  }
}


/* =========================================================
   V86 — AFERNAND PRESS KIT
   Same master architecture as Facu/Renzo, artist-specific tone.
   ========================================================= */

#artist-dialog.artist-dialog--afernand .profile-hero--editorial{
  background:
    radial-gradient(circle at 73% 34%,rgba(151,53,35,.17),transparent 29%),
    radial-gradient(circle at 60% 56%,rgba(87,24,30,.12),transparent 34%),
    radial-gradient(circle at 24% 70%,rgba(32,212,247,.045),transparent 31%),
    linear-gradient(115deg,#070606 0%,#0b0808 48%,#080707 100%)!important;
}

#artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:17% 1% 10% 18%;
  pointer-events:none;
  background:
    radial-gradient(circle at 58% 36%,rgba(139,49,37,.22),transparent 58%);
  filter:blur(30px);
  opacity:.8;
}

#artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed .profile-hero-image{
  object-position:58% 43%!important;
  filter:saturate(.86) contrast(1.07) brightness(.88)!important;
}

#artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed .profile-hero-image-wash{
  background:
    linear-gradient(180deg,rgba(8,6,7,.10) 0%,transparent 28%,rgba(8,6,7,.22) 100%),
    radial-gradient(circle at 61% 39%,rgba(139,49,37,.06),transparent 44%)!important;
  mix-blend-mode:screen!important;
  opacity:.5!important;
}

#artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed .profile-hero-image-fade{
  background:
    linear-gradient(90deg,
      #070606 0%,
      rgba(7,6,6,.97) 13%,
      rgba(7,6,6,.82) 27%,
      rgba(7,6,6,.43) 44%,
      rgba(7,6,6,.08) 61%,
      transparent 78%),
    linear-gradient(0deg,#070606 0%,rgba(7,6,6,.28) 13%,transparent 32%),
    linear-gradient(180deg,rgba(7,6,6,.16) 0%,transparent 20%)!important;
}

#artist-dialog.artist-dialog--afernand .profile-biography-image{
  object-position:center 25%!important;
}

#artist-dialog.artist-dialog--afernand .profile-booking-bg{
  object-position:58% 38%!important;
}

@media(max-width:900px){
  #artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed{
    right:-15vw!important;
    width:108vw!important;
    height:65svh!important;
  }

  #artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed .profile-hero-image{
    object-position:58% 38%!important;
    filter:saturate(.88) contrast(1.06) brightness(.91)!important;
  }

  #artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed::after{
    inset:12% -5% 15% 18%;
    filter:blur(22px);
  }

  #artist-dialog.artist-dialog--afernand .profile-biography-image{
    object-position:center 20%!important;
  }
}

@media(max-width:560px){
  #artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed{
    right:-20vw!important;
    width:118vw!important;
  }

  #artist-dialog.artist-dialog--afernand .profile-hero-portrait--bleed .profile-hero-image{
    object-position:59% 38%!important;
  }
}


/* =========================================================
   V87 — AFERNAND MOBILE BIO FINAL FIX
   ========================================================= */

/* Keep the complete head visible in the biography portrait. */
#artist-dialog.artist-dialog--afernand .profile-biography-image{
  object-position:center top!important;
}

@media(max-width:900px){
  #artist-dialog.artist-dialog--afernand .profile-biography-image{
    object-position:center top!important;
  }
}

@media(max-width:600px){
  /* PRODUCIENDO / DESDE LOS 15 / AÑOS:
     reduce only this value so the two lines breathe correctly. */
  #artist-dialog.artist-dialog--afernand .profile-biography-facts .profile-fact:nth-child(2) strong{
    font-size:31px!important;
    line-height:.88!important;
    letter-spacing:-.025em!important;
    max-width:125px;
  }

  #artist-dialog.artist-dialog--afernand .profile-biography-facts .profile-fact:nth-child(2) small{
    margin-top:7px!important;
  }
}

@media(max-width:430px){
  #artist-dialog.artist-dialog--afernand .profile-biography-facts .profile-fact:nth-child(2) strong{
    font-size:29px!important;
    line-height:.9!important;
  }
}


/* =========================================================
   V88 — KAASS PRESS KIT
   Same master architecture, KAASS-specific visual treatment.
   ========================================================= */

#artist-dialog.artist-dialog--kaass .profile-hero--editorial{
  background:
    radial-gradient(circle at 72% 34%,rgba(173,74,30,.18),transparent 29%),
    radial-gradient(circle at 59% 57%,rgba(110,45,23,.12),transparent 35%),
    radial-gradient(circle at 25% 70%,rgba(32,212,247,.035),transparent 31%),
    linear-gradient(115deg,#070606 0%,#0b0807 48%,#080707 100%)!important;
}

#artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:15% 0 10% 17%;
  pointer-events:none;
  background:
    radial-gradient(circle at 58% 36%,rgba(169,73,33,.18),transparent 58%);
  filter:blur(28px);
  opacity:.8;
}

#artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
  object-position:59% 42%!important;
  filter:saturate(.82) contrast(1.06) brightness(.90)!important;
}

#artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image-wash{
  background:
    linear-gradient(180deg,rgba(8,6,7,.08) 0%,transparent 29%,rgba(8,6,7,.20) 100%),
    radial-gradient(circle at 62% 38%,rgba(169,73,33,.06),transparent 45%)!important;
  mix-blend-mode:screen!important;
  opacity:.48!important;
}

#artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image-fade{
  background:
    linear-gradient(90deg,
      #070606 0%,
      rgba(7,6,6,.97) 13%,
      rgba(7,6,6,.82) 27%,
      rgba(7,6,6,.42) 44%,
      rgba(7,6,6,.07) 61%,
      transparent 78%),
    linear-gradient(0deg,#070606 0%,rgba(7,6,6,.27) 13%,transparent 32%),
    linear-gradient(180deg,rgba(7,6,6,.15) 0%,transparent 20%)!important;
}

/* Biography: black-shirt portrait, keep full head comfortably inside frame. */
#artist-dialog.artist-dialog--kaass .profile-biography-image{
  object-position:center top!important;
}

/* Keep shorter KAASS fact labels balanced on mobile. */
@media(max-width:600px){
  #artist-dialog.artist-dialog--kaass .profile-biography-facts .profile-fact strong{
    font-size:clamp(27px,8.3vw,34px)!important;
    line-height:.91!important;
    letter-spacing:-.02em!important;
  }
}

@media(max-width:900px){
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    right:-16vw!important;
    width:109vw!important;
    height:65svh!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    object-position:59% 39%!important;
    filter:saturate(.84) contrast(1.05) brightness(.92)!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-biography-image{
    object-position:center top!important;
  }
}

@media(max-width:560px){
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    right:-21vw!important;
    width:119vw!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    object-position:59% 39%!important;
  }
}


/* =========================================================
   V89 — KAASS HERO FINAL / DESKTOP + MOBILE
   ========================================================= */

/* DESKTOP:
   show more air above the head instead of letting object-fit crop it. */
@media(min-width:901px){
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    top:0!important;
    bottom:0!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    inset:0 -1% -3% 1%!important;
    width:102%!important;
    height:103%!important;
    object-fit:cover!important;
    object-position:59% 24%!important;
    filter:saturate(.84) contrast(1.05) brightness(.91)!important;
  }
}

/* MOBILE:
   use the actual white studio background instead of masking it into black.
   contain preserves the complete head and the intended portrait framing. */
@media(max-width:900px){
  #artist-dialog.artist-dialog--kaass .profile-hero--editorial{
    background:
      linear-gradient(180deg,#080707 0%,#080707 44%,#080707 100%)!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:63svh!important;
    min-height:510px!important;
    max-height:650px!important;
    background:#f2f2f2!important;
    overflow:hidden!important;
    transform:none!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed::before,
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed::after{
    display:none!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-portrait-frame{
    inset:0!important;
    background:#f2f2f2!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center top!important;
    transform:none!important;
    filter:saturate(.95) contrast(1.02) brightness(.98)!important;
    background:#f2f2f2!important;
  }

  /* Remove the dark side mask that was making the white photo look grey/black. */
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image-wash{
    display:none!important;
  }

  /* Only a bottom transition remains, so the portrait flows naturally
     into the dark information area without destroying the white background. */
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image-fade{
    display:block!important;
    background:
      linear-gradient(
        180deg,
        transparent 0%,
        transparent 78%,
        rgba(8,7,7,.18) 86%,
        rgba(8,7,7,.72) 95%,
        #080707 100%
      )!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-scan{
    display:none!important;
  }

  /* Keep the identity block below the portrait cleanly separated. */
  #artist-dialog.artist-dialog--kaass .profile-hero--editorial .profile-hero-content{
    padding-top:52svh!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero--editorial .profile-identity{
    padding-top:58px!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-identity-meta{
    position:relative;
    z-index:12;
  }

  #artist-dialog.artist-dialog--kaass .dialog-artist-brand{
    position:relative;
    z-index:12;
  }
}

@media(max-width:560px){
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    left:0!important;
    right:0!important;
    width:100%!important;
    height:61svh!important;
    min-height:500px!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    object-fit:contain!important;
    object-position:center top!important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero--editorial .profile-hero-content{
    padding-top:50svh!important;
  }
}


/* =========================================================
   V90 — KAASS hero cleanup + booking-only service section
   ========================================================= */

/* KAASS desktop: remove the stray vertical divider and show more air above the head */
@media (min-width: 901px){
  #artist-dialog.artist-dialog--kaass .profile-hero-lightline{
    display:none !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    top:0 !important;
    bottom:0 !important;
    overflow:hidden !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed::before,
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed::after{
    display:none !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-portrait-frame{
    border-left:0 !important;
    box-shadow:none !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    inset:0 0 -1% 2% !important;
    width:100% !important;
    height:101% !important;
    object-fit:cover !important;
    object-position:59% 16% !important;
    transform:none !important;
    filter:saturate(.86) contrast(1.04) brightness(.90) !important;
  }
}

/* KAASS mobile: keep the white studio background, avoid the floating cutout look,
   and let the subject sit naturally on the bottom edge of the hero. */
@media (max-width: 900px){
  #artist-dialog.artist-dialog--kaass .profile-hero--editorial{
    background:#080707 !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:62svh !important;
    min-height:500px !important;
    max-height:650px !important;
    background:#f3f3f3 !important;
    overflow:hidden !important;
    transform:none !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed::before,
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed::after,
  #artist-dialog.artist-dialog--kaass .profile-hero-lightline,
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-scan,
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image-wash{
    display:none !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-portrait-frame{
    inset:0 !important;
    background:#f3f3f3 !important;
    border:0 !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center 6% !important;
    transform:scale(1.035) translateY(1.4%) !important;
    transform-origin:center top !important;
    filter:saturate(.97) contrast(1.02) brightness(.99) !important;
    background:#f3f3f3 !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image-fade{
    display:block !important;
    background:linear-gradient(180deg,
      rgba(243,243,243,0) 0%,
      rgba(243,243,243,0) 90%,
      rgba(36,34,34,.06) 95%,
      rgba(8,7,7,.70) 99%,
      #080707 100%) !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero--editorial .profile-hero-content{
    padding-top:50svh !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero--editorial .profile-identity{
    padding-top:64px !important;
  }
}

@media (max-width: 560px){
  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed{
    height:60svh !important;
    min-height:490px !important;
    max-height:610px !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image{
    object-position:center 4% !important;
    transform:scale(1.04) translateY(1.1%) !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero-portrait--bleed .profile-hero-image-fade{
    background:linear-gradient(180deg,
      rgba(243,243,243,0) 0%,
      rgba(243,243,243,0) 92%,
      rgba(8,7,7,.55) 99%,
      #080707 100%) !important;
  }

  #artist-dialog.artist-dialog--kaass .profile-hero--editorial .profile-hero-content{
    padding-top:49svh !important;
  }
}

/* Booking-only service section */
#servicios .service-list{
  max-width:980px;
  margin-inline:auto;
}

#servicios .service-item--booking-only{
  max-width:none;
}

#servicios .service-item--booking-only > button{
  background:rgba(7,7,7,.42);
}

#servicios .service-item--booking-only .service-panel{
  display:grid;
}

#servicios .services-footer-note strong{
  letter-spacing:.18em;
}

@media (max-width: 900px){
  #servicios .services-footer-note strong{
    letter-spacing:.12em;
    font-size:10px;
  }
}


/* V93 — active booking email */
#booking .booking-v58-channel-copy em{
  display:block;
  margin-top:4px;
  max-width:230px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8f8884;
  font-style:normal;
  font-size:8px;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:none;
}

#booking .booking-v58-contact-copy a{
  color:var(--cyan);
  text-decoration:none;
}

#booking .booking-v58-contact-copy a:hover{
  text-decoration:underline;
}

@media(max-width:900px){
  #booking .booking-v58-channel-copy em{
    max-width:190px;
    font-size:7.5px;
  }
}


/* V94 — Cloudflare booking form status */
#booking .booking-form-status{
  min-height:18px;
  margin:12px 0 0;
  color:#8f8884;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.04em;
}