/* Original portraits, transparent photo cutouts, and the modern DJ Ramón logo. */
.brand.brand-image{display:block;line-height:1;flex-shrink:0}
.brand-image img{display:block;width:200px;height:52px;object-fit:contain;object-position:left center}
.hero-content{position:relative;z-index:2}
.hero-portrait{position:absolute;right:7%;bottom:0;width:min(35%,470px);height:94%;z-index:0;pointer-events:none}
.hero-portrait>img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 35px #0006)}
.portrait-halo{position:absolute;inset:8% -12% 0;background:radial-gradient(ellipse at 55% 40%,#f052b12e,transparent 64%);border-radius:50%;filter:blur(14px)}
.hero-caption,.hero-scroll{z-index:3}
.about-visual{height:520px;background:#e0dbd0;border-radius:6px;isolation:isolate}
.about-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 39%,#f052b128,transparent 65%);border-radius:inherit;z-index:-1}
.about-visual>img{position:relative;height:calc(100% - 24px);top:24px;object-fit:contain;object-position:center bottom;z-index:0;border-radius:inherit}
.photo-label{z-index:2;border-radius:0 0 6px 6px}
.since-stamp{top:24px;bottom:auto;right:auto;left:-20px;z-index:3;transform:rotate(-6deg)}
.contact-person{display:flex;gap:18px;align-items:center;margin-top:36px;padding-top:26px;border-top:1px solid #ffffff26;max-width:370px}
.contact-person-portrait{position:relative;width:72px;height:72px;flex-shrink:0;overflow:hidden;border:2px solid var(--accent);border-radius:50%;background:#f3f0e8}
.contact-person-portrait img{position:absolute;width:205%;height:auto;max-width:none;left:-68%;top:-20%}
.contact-person strong{font-size:13px;line-height:1.6;font-weight:600}
.contact-person p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:3px}
@media(min-width:1600px){.hero-portrait{right:10%;width:480px}}
@media(max-width:1150px){.hero-portrait{right:4%;width:34%}.brand-image img{width:180px;height:48px}.desktop-nav{gap:20px;margin-right:5px}}
@media(max-width:900px){.hero-portrait{right:1%;width:35%;height:89%}.about-visual{height:500px}.since-stamp{left:-15px}}
@media(max-width:650px){
 .brand-image img{width:150px;height:42px}
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .hero-content{padding-top:48px;padding-bottom:18px}
 .hero-portrait{position:relative;order:1;width:100%;height:375px;right:auto;bottom:auto;margin-top:-4px}
 .hero-portrait>img{object-position:center bottom}
 .portrait-halo{inset:0 5%}
 .hero-caption{bottom:15px;left:20px;right:20px;text-shadow:0 1px 6px #000}
 .hero-note{margin-top:25px}
 .hero-image{object-position:62% bottom}
 .about-visual{height:440px;margin-left:5px}
 .since-stamp{top:22px;left:-13px;width:125px;padding:15px 12px}
 .since-stamp>span{font-size:12px}
 .contact-person{margin-top:28px;padding-top:23px;gap:15px}
 .footer-top .brand-image img{width:190px;height:49px}
}
@media(max-width:360px){.brand-image img{width:130px;height:38px}.hero-portrait{height:340px}.about-visual{height:400px}.since-stamp{width:116px}.contact-person{gap:12px}.contact-person strong{font-size:12px}}

/* Keep the artist and location in the visible main heading. */
.hero h1 .hero-heading-label{font-size:12px;line-height:1.5;letter-spacing:1px;color:#c9c8bd;font-weight:800;margin-bottom:25px}