:root{color-scheme:dark;--paper:#f3eee5;--muted:#b6b0ac;--orange:#ff4b00;--display:'DIN Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#131112;color:var(--paper);font:400 15px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}img{display:block;max-width:100%}.skip{position:absolute;left:-1000px;top:10px;z-index:30}.skip:focus{left:20px;background:#000;padding:12px}.topbar{max-width:1440px;margin:auto;padding:28px 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.14em}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand img{object-fit:contain}.languages{display:flex;gap:12px;color:#b6b0ac}.languages a[aria-current="page"]{color:#fff;border-bottom:1px solid var(--orange)}.header-contact{font-size:9px}.intro{max-width:1440px;margin:auto;padding:54px 4vw 40px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;margin:0 0 16px;line-height:1.5}.intro h1{font:500 clamp(32px,4.2vw,62px)/1.05 var(--display);letter-spacing:-.015em;margin:0;text-wrap:balance}.intro h1 em{font-style:normal;color:#b9a89a}.intro-line{font-size:14px;color:var(--muted);margin:16px 0 0}.artist-grid{max-width:1440px;margin:auto;padding:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:18px}.artist{position:relative;min-height:680px;aspect-ratio:.81;overflow:hidden;border-radius:26px;background:#1c1919;isolation:isolate}.artist:after{content:'';position:absolute;inset:13px;border:1px solid #ffffff56;border-radius:17px;z-index:3;pointer-events:none;mask-image:linear-gradient(140deg,#000 70%,transparent)}.portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%;z-index:-2}.artist:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080608e8 0%,#0806088a 27%,transparent 62%);z-index:-1}.artist-top{position:absolute;top:33px;left:33px;right:33px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.13em}.artist-content{position:absolute;bottom:40px;left:36px;right:36px}.artist-content .eyebrow{font-size:9px;letter-spacing:.14em}.artist h2{font:600 clamp(52px,6.4vw,94px)/.92 var(--display);letter-spacing:-.025em;margin:0 0 22px}.artist-content>p:not(.eyebrow){max-width:330px;font-size:13px;line-height:1.65;margin:0 0 24px;color:#eee7e0}.artist-link{font-size:9px;font-weight:700;letter-spacing:.1em;padding-bottom:8px;border-bottom:1px solid #ffffff65;display:inline-block}.artist-link:hover{color:#ff8755}.portrait-credit{max-width:1440px;margin:12px auto 0;text-align:right;padding:0 4vw;font-size:7px;letter-spacing:.12em;color:#9d9590}.signature{max-width:1440px;margin:auto;padding:75px 4vw}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-bottom:27px}.section-heading .eyebrow{width:100%;margin:0 0 -18px;color:#b9a89a}.section-heading h2{font:500 40px/1 var(--display);margin:0}.text-link{font-size:9px;letter-spacing:.09em;color:#c8b8aa}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.track{border:1px solid #ffffff26;border-radius:18px;padding:20px;display:grid;grid-template-columns:62px 1fr;gap:16px;position:relative;align-items:center;background:#ffffff03}.track img{width:62px;height:62px;object-fit:cover;border-radius:3px}.track small{font-size:8px;line-height:1.5;display:block;letter-spacing:.045em;color:#bfb5b0}.track h3{font:500 30px/1 var(--display);margin:8px 0}.track p{font-size:10px;line-height:1.5;margin:0 0 13px;color:#cfc6bf}.track span{font-size:7px;letter-spacing:.09em;color:#b9a89a;display:block;padding-right:14px}.track i{position:absolute;right:12px;bottom:15px;background:var(--orange);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:8px;font-style:normal}.track:hover{border-color:#e8ba9c80;background:#ffffff07}.live{max-width:1325px;margin:20px auto 0;position:relative;border-radius:28px;overflow:hidden;padding-top:430px;background:#1e1a21}.live-photo{position:absolute;inset:0;width:100%;height:730px;object-fit:cover;object-position:center 28%}.live:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1e1a21 10%,#1e1a21a6 35%,transparent 80%);pointer-events:none}.live-heading{position:absolute;top:55px;left:4vw;right:4vw;z-index:1;text-shadow:0 2px 25px #000}.live-heading h2{font:500 clamp(42px,5.2vw,76px)/.95 var(--display);margin:0;max-width:480px}.live-heading .eyebrow{display:inline-block;background:#151019a8;padding:9px 14px;border:1px solid #ffffff40;border-radius:20px}.live-details{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:0 35px 35px;padding:35px;border:1px solid #ffffff38;border-radius:22px;background:#17131b87;backdrop-filter:blur(10px)}.live-details h3{font:500 38px/1.07 var(--display);margin:0 0 20px}.live-details p:not(.eyebrow){font-size:13px;max-width:460px;color:#e1d8e0}.live-details .names{font-size:19px!important;line-height:1.8;margin:0 0 28px}.enquiries{max-width:1325px;margin:70px auto 0;padding:50px 35px 65px;display:grid;grid-template-columns:1fr .72fr;gap:70px}.enquiries h2{font:500 clamp(40px,5vw,70px)/1 var(--display);margin:0 0 22px}.enquiries p:not(.eyebrow){font-size:14px;color:#b9b1aa;max-width:420px}.email{font-size:clamp(15px,1.9vw,24px);display:inline-block;border-bottom:1px solid #ffffff56;padding:10px 0;overflow-wrap:anywhere}.email span{color:var(--orange);margin-left:12px}.book{align-self:center;display:flex;flex-direction:column;border:1px solid #f8e1c35c;border-radius:23px;background:linear-gradient(135deg,#332a26,#1d1919);padding:35px;gap:14px}.book .eyebrow{font-size:8px;margin:0}.book strong{font:500 76px/1 var(--display)}.book>span:not(.eyebrow){color:#c0b2a6;font-size:13px}.book b{font-size:10px;letter-spacing:.08em;padding-top:15px;border-top:1px solid #ffffff30}.book:hover{border-color:#fff8}footer{border-top:1px solid #ffffff22;max-width:1325px;margin:auto;padding:30px 35px 45px;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.12em}footer nav{display:flex;gap:22px}footer>span{color:#a3968e}
@media(min-width:1600px){.live,.enquiries,footer{max-width:1325px}}
@media(max-width:1000px){.artist{min-height:600px}.artist-content{left:28px;right:28px;bottom:30px}.track-grid{grid-template-columns:1fr}.track{grid-template-columns:80px 1fr;padding:20px 25px}.track img{width:80px;height:80px}.track p{margin-bottom:8px}.track i{right:25px;bottom:26px;width:32px;height:32px}.live{margin-left:4vw;margin-right:4vw}.live-details{gap:35px;padding:28px;margin:0 24px 24px}.enquiries{gap:35px}.topbar{gap:15px}.header-contact{font-size:8px}}
@media(max-width:650px){.topbar{padding:22px 20px;flex-wrap:wrap}.brand{font-size:9px}.header-contact{display:none}.languages{font-size:9px;gap:10px}.intro{padding:30px 22px}.intro h1{font-size:39px}.intro h1 span{display:block}.intro-line{font-size:13px;max-width:280px}.artist-grid{grid-template-columns:1fr;padding:0 14px;gap:18px}.artist{min-height:620px;aspect-ratio:.65}.artist-top{top:29px;left:28px;right:28px;font-size:7px}.artist h2{font-size:67px}.artist-content{left:30px;right:30px;bottom:35px}.artist-content>p:not(.eyebrow){font-size:12px;max-width:280px}.portrait-credit{font-size:6px;padding-right:18px}.signature{padding:50px 22px}.section-heading{gap:18px}.section-heading h2{font-size:35px}.section-heading .eyebrow{margin-bottom:-8px}.text-link{font-size:8px}.track{padding:18px;grid-template-columns:66px 1fr;gap:15px}.track img{width:66px;height:66px}.track i{right:13px;bottom:18px;width:24px;height:24px}.track small{font-size:7px}.track h3{font-size:27px}.live{padding-top:350px;margin:0 14px;border-radius:22px}.live-photo{height:500px;object-position:60% top}.live-heading{top:30px;left:23px}.live-heading h2{font-size:43px;max-width:260px}.live-heading .eyebrow{font-size:8px}.live-details{grid-template-columns:1fr;gap:28px;margin:0 14px 14px;padding:23px}.live-details h3{font-size:35px}.live-details .eyebrow{font-size:8px}.live-details .names{font-size:17px!important}.enquiries{grid-template-columns:1fr;padding:25px 23px 45px;margin-top:38px;gap:35px}.enquiries h2{font-size:49px}.book{padding:28px}.book strong{font-size:66px}footer{padding:26px 22px;flex-wrap:wrap;font-size:7px}footer>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Quiet, staggered entrance; content remains accessible without JavaScript. */
/* Outside the animated header so its transform cannot trap fixed positioning. */
.languages{position:fixed;z-index:50;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:flex;gap:4px;padding:7px 10px;border:1px solid #ffffff2e;border-radius:999px;background:rgba(0,0,0,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:600 9px/1 Arial,sans-serif;letter-spacing:.13em;color:#d9d3cc}
.languages a{display:grid;place-items:center;min-width:32px;height:30px;padding:0 7px;border-radius:999px;opacity:.55}
.languages a[aria-current="page"]{background:#e9e3d7;color:#171512;border:0;opacity:1}
.languages a:hover,.languages a:focus-visible{opacity:1}
.header-contact{margin-right:210px}
@media(max-width:480px){.topbar .brand span{display:none}}
@media(prefers-reduced-motion:no-preference){
 .topbar{animation:booking-arrival 1.5s ease-out both}
 .intro{animation:booking-arrival 2s cubic-bezier(.22,.61,.36,1) .12s both}
 @keyframes booking-arrival{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
}
.artist{min-height:780px}.artist-content>p:not(.eyebrow){max-width:440px;font-size:13px;line-height:1.6}
@media(max-width:1000px){.artist{min-height:820px}}
@media(max-width:650px){.artist{min-height:800px}.artist-content>p:not(.eyebrow){max-width:100%;font-size:12px;line-height:1.6}}
.artist{min-width:0;width:100%}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track,.book,.enquiries>div{min-width:0}
@media(max-width:650px){.artist-grid{grid-template-columns:minmax(0,1fr)}.artist h2{font-size:clamp(53px,17vw,67px)}.enquiries h2{font-size:clamp(38px,12vw,49px)}}
/* Scroll choreography: progressive enhancement, never a prerequisite to read. */
@media(prefers-reduced-motion:no-preference){
 .scroll-reveal{transition:opacity 1.35s cubic-bezier(.22,.61,.36,1),translate 1.65s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}
 .scroll-reveal.is-waiting{opacity:0;translate:0 24px}
 .scroll-reveal.is-revealed{opacity:1;translate:0 0}
 .artist.scroll-reveal{transition-duration:1.8s,2s}
 .live-photo,.portrait{transform:translate3d(0,var(--photo-drift,0px),0) scale(1.045)}
 .track i{transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s}
 .track:hover i,.track:focus-visible i{transform:scale(1.1);box-shadow:0 0 20px #ff4b0030}
 .book{transition:border-color .6s,background .6s,box-shadow .6s}
 .book:hover,.book:focus-visible{box-shadow:0 16px 45px #0003}
}
@media(prefers-reduced-motion:reduce){
 .scroll-reveal{opacity:1!important;translate:none!important;transition:none!important}
 .portrait,.live-photo{transform:none!important}
}
@media print{.scroll-reveal{opacity:1!important;translate:none!important}.portrait,.live-photo{transform:none!important}}
/* Keep the face clear on phones; natural flow also protects longer translations. */
@media(max-width:650px){.live{padding-top:200px}.live-heading{position:relative;top:auto;left:auto;right:auto;margin:0 23px 28px}}