:root{--bg:#090e10;--ink:#f1eee7;--muted:#a8b0b2;--gold:#c7a674}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:96px;position:absolute;z-index:10;top:0;left:0;right:0;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:16px;font-size:18px;letter-spacing:3px;font-weight:bold}.brand img{width:57px;mix-blend-mode:screen}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#bdbab1;font-weight:normal}nav{display:flex;gap:25px;font-size:14px}#menu{display:none}.hero{height: min(940px,100svh);min-height:710px;position:relative;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:50% 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090e10 2%,#090e10ed 24%,#090e1055 56%,#090e1000 78%),linear-gradient(0deg,#090e10,transparent 33%,#0004)}.hero-copy{position:relative;padding:190px 6% 110px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;font-weight:600;margin:0 0 26px}h1{font-size:clamp(80px,9.7vw,150px);line-height:.94;letter-spacing:-6px;font-weight:400;margin:28px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{font-style:normal}h1 .period{color:var(--gold)}.intro{font-size:22px;color:#dadad4;line-height:1.45;margin:28px 0}.actions{display:flex;gap:30px;align-items:center}.button{display:inline-flex;gap:45px;align-items:center;background:var(--gold);color:#11191b;padding:15px 22px;font-size:14px;font-weight:bold}.button:hover{background:#dfc59b;color:#090e10}.textlink{font-size:14px;border-bottom:1px solid #ad916b;padding-bottom:8px}.hero-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#c2c2bb}.platforms{display:flex;padding:25px 6%;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20;font-size:18px}.platforms>span{font-size:11px;letter-spacing:2px;color:var(--muted)}.section{padding:110px 7%;max-width:1800px;margin:auto}h2{font-size:clamp(40px,4.6vw,70px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:0 0 28px}h2 em{color:#d6bd95}p{color:var(--muted)}.bio{display:grid;grid-template-columns: .8fr 1.2fr;gap:8%;align-items:center}.portrait{position:relative}.portrait img{width:100%;height:570px;object-fit:cover;object-position:center 27%}.portrait span{position:absolute;bottom:22px;left:22px;letter-spacing:3px;font-size:11px}.bio-copy>p:not(.eyebrow){max-width:590px}.stats{display:flex;gap:30px;border-top:1px solid #ffffff20;margin-top:35px;padding-top:24px}.stats strong{font:38px Georgia;color:var(--gold)}.stats strong span{font-size:20px}.stats small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.release{background:#111b20;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.release h2{font-size:clamp(45px,6vw,88px);letter-spacing:2px}.release-meta{font-size:12px;letter-spacing:3px}.release .button{margin-top:22px}.release-photo{position:relative}.release-photo img{width:100%;height:450px;object-fit:cover;filter:brightness(.66)}.release-photo>span{position:absolute;bottom:25px;left:30px;font-size:35px;letter-spacing:8px}.release-photo small{font-size:11px;letter-spacing:4px}.live{display:grid;grid-template-columns:1fr 1fr;gap:7%;border-bottom:1px solid #ffffff20}.tour-note{border-top:1px solid #ffffff20;padding-top:25px;margin-top:28px}.tour-note>span{font-size:12px;color:var(--gold);letter-spacing:2px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.gallery img{width:100%;height:375px;object-fit:cover}.gallery img:nth-child(even){margin-top:40px}.lessons{position:relative;overflow:hidden;background:#121a1d;min-height:620px}.lessons>img{position:absolute;right:0;top:0;height:100%;width:55%;object-fit:cover;opacity:.38;mask-image:linear-gradient(90deg,transparent,black)}.lessons>div{position:relative;max-width:670px}.lessons p:not(.eyebrow){max-width:490px}.subjects{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 35px}.subjects span{border:1px solid #ffffff30;padding:7px 13px;font-size:13px}.video-link{display:block;position:relative;height:480px}.video-link img{height:100%;width:100%;object-fit:cover;object-position:50% 40%;filter:brightness(.6)}.play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;padding:22px 30px;font-size:24px}.video-label{position:absolute;left:30px;bottom:25px;font-size:11px;letter-spacing:2px}.video-label b{display:block;font-size:22px;letter-spacing:0}footer{background:#121b1e}footer h2{font-size:90px}.contact-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--gold);font-size:19px}.footer-bottom{border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;margin-top:60px;padding-top:22px;font-size:11px;letter-spacing:2px}.footer-bottom img{width:65px;mix-blend-mode:screen}@media(max-width:1000px){nav{gap:12px;font-size:12px}.brand small{display:none}.brand{font-size:14px}.hero-copy{padding-top:200px}.hero-photo{width:85%}.gallery img{height:280px}.stats{gap:18px}.stats strong{font-size:30px}}@media(max-width:700px){header{height:80px}.brand img{width:44px}#menu{display:block;background:transparent;color:white;border:1px solid #fff5;padding:7px 12px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#10191c;padding:25px;flex-direction:column;font-size:16px}nav.open{display:flex}.hero{min-height:750px;height:95svh;max-height:900px}.hero-photo{width:100%;opacity:.68;object-position:60% center}.hero-shade{background:linear-gradient(90deg,#090e10b0,transparent),linear-gradient(0deg,#090e10,transparent 85%)}.hero-copy{padding:200px 7% 90px}h1{font-size:92px;letter-spacing:-4px}.eyebrow{font-size:10px;letter-spacing:2px}.hero-bottom span:last-child{display:none}.hero-bottom{font-size:8px}.platforms{flex-wrap:wrap;gap:18px;font-size:15px}.platforms>span{width:100%}.section{padding:65px 7%}.bio,.release,.live{grid-template-columns:1fr;gap:38px}.portrait img{height:420px}.stats{justify-content:space-between;gap:10px}.stats small{font-size:10px}.release-photo img{height:300px}.section-top{display:block}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery img{height:260px}.gallery img:nth-child(even){margin-top:20px}.lessons>img{width:100%;opacity:.22}.lessons{min-height:580px}.video-link{height:300px}footer h2{font-size:64px}.contact-row{flex-direction:column;font-size:16px}.footer-bottom{font-size:9px}.intro{font-size:20px}.actions{gap:20px}.button{gap:20px}}
/* Revised identity, persistent navigation and release artwork */
header{position:fixed;height:112px;background:rgba(9,14,16,.92);backdrop-filter:blur(16px);box-shadow:0 6px 25px #0002}.brand img{width:88px;height:88px;object-fit:contain}.brand{gap:18px}html{scroll-padding-top:135px}h1,h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(80px,9.3vw,144px)}.footer-bottom img{width:98px}.link-icon{display:inline-flex;vertical-align:middle;margin-right:10px;width:23px;height:23px;flex-shrink:0}.link-icon svg{width:100%;height:100%}.platforms a,.contact-row a{display:inline-flex;align-items:center}.button .link-icon{margin-right:-30px}.video-link>.link-icon{position:absolute;z-index:1;right:24px;top:24px;width:38px;height:38px}.release-photo img{height:auto;aspect-ratio:1;object-fit:contain;filter:none;display:block}.bio{align-items:start}.portrait{position:sticky;top:145px}.bio-copy>p{line-height:1.85}.bio-more{margin:24px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:18px 0}.bio-more summary{cursor:pointer;color:var(--gold);list-style:none;display:flex;justify-content:space-between}.bio-more p{line-height:1.85}.bio-more[open] summary span{transform:rotate(45deg)}@media(max-width:700px){header{height:94px}.brand img{width:70px;height:70px}.brand{gap:10px}nav{top:94px}html{scroll-padding-top:112px}.hero-copy{padding-top:200px}h1{font-size:clamp(74px,15vw,100px)}.portrait{position:relative;top:auto}.button .link-icon{margin-right:0}.button{gap:12px}.hero .eyebrow{max-width:330px}.platforms{gap:18px 25px}}
/* Photographic editorial layout: images flow into the page instead of tiles. */
.bio{position:relative;isolation:isolate;min-height:860px;display:block;padding-left:48%;overflow:hidden;background:#090e10}.portrait{position:absolute;inset:0 35% 0 0;z-index:-1;top:0}.portrait img{width:100%;height:100%;object-fit:cover;object-position:48% 28%;mask-image:linear-gradient(90deg,#000 25%,#000d 50%,transparent 100%)}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090e10,transparent 22%,transparent 80%,#090e10)}.portrait span{bottom:65px;left:11%;z-index:1}.bio-copy{position:relative}.bio-copy>p{color:#c0c5c5}.bio-more p{color:#b7bfc1}.release{position:relative;isolation:isolate;overflow:hidden;min-height:700px;background:#110e0d;gap:4%;grid-template-columns:1fr 1fr}.release:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/freedom.jpg') center 42%/cover no-repeat;filter:blur(35px);opacity:.45;transform:scale(1.1)}.release:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090e10f2,#090e1099 40%,#090e1000),linear-gradient(0deg,#090e10,transparent 25%,transparent 80%,#090e10)}.release-photo{margin:-35px -7vw -35px 0}.release-photo img{max-height:680px;width:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 88%,transparent)}.release>div:first-child{z-index:1}.photos{padding-left:0;padding-right:0;overflow:hidden}.photos .section-top{padding:0 7%}.gallery{display:flex;gap:0;align-items:stretch}.gallery img{width:25%;height:470px;object-fit:cover;object-position:center 25%;mask-image:linear-gradient(0deg,transparent,#000 14%,#000 88%,transparent);transition:filter .4s;filter:saturate(.78)}.gallery img:nth-child(even){margin:0;object-position:center 35%}.gallery img:hover{filter:saturate(1.1)}.lessons{min-height:720px;display:flex;align-items:center;background:#090e10}.lessons>img{width:75%;opacity:.6;object-position:50% 30%;mask-image:linear-gradient(90deg,transparent,#0009 48%,#000),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect}.lessons>div{max-width:700px}.lessons p:not(.eyebrow){color:#c2c8ca}.videos{position:relative;min-height:690px;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.video-link{position:absolute;inset:0;height:100%;z-index:-1}.video-link img{object-position:65% 40%;filter:brightness(.6);mask-image:linear-gradient(90deg,transparent,#000 70%),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect}.videos>h2,.videos>.eyebrow{pointer-events:none;max-width:600px}.video-link .play{left:76%;top:50%;background:#0003}.video-label{left:7%;bottom:95px}.video-label b{margin-top:10px}.video-link>.link-icon{left:7%;top:auto;bottom:160px}.live{border-bottom:0}.section-top h2{margin-bottom:20px}@media(max-width:700px){.bio{padding:70px 7%;padding-top:420px;min-height:0}.portrait{inset:0 0 auto;height:570px}.portrait img{object-position:center 25%;mask-image:linear-gradient(0deg,transparent,#000 55%)}.portrait span{display:none}.bio-copy{background:linear-gradient(0deg,#090e10 80%,transparent)}.release{min-height:0;gap:20px}.release-photo{margin:0 -8%;order:-1}.release-photo img{max-height:540px;mask-image:linear-gradient(0deg,transparent,#000 13%,#000 92%,transparent)}.gallery{display:grid;grid-template-columns:1fr 1fr}.gallery img{width:100%;height:360px}.lessons{min-height:700px}.lessons>img{width:100%;opacity:.36}.videos{min-height:560px}.video-link img{object-position:center;opacity:.7}.video-link .play{left:80%;top:64%;padding:14px 21px}.video-label{bottom:65px}.video-link>.link-icon{bottom:125px}.videos h2{font-size:44px;max-width:320px}}
/* Full-width opening photograph, blended continuously beneath the title. */
.hero-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(9,14,16,.9) 0%,rgba(9,14,16,.76) 24%,rgba(9,14,16,.34) 49%,rgba(9,14,16,.06) 76%),linear-gradient(0deg,#090e10 0%,rgba(9,14,16,.42) 18%,transparent 48%,rgba(9,14,16,.18) 100%)}.hero-copy{ text-shadow:0 2px 24px #0005}.hero-copy .button{text-shadow:none}@media(max-width:700px){.hero-photo{width:100%;object-position:58% 42%;opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(9,14,16,.7),rgba(9,14,16,.12)),linear-gradient(0deg,#090e10,rgba(9,14,16,.35) 38%,rgba(9,14,16,.05) 75%)} }
/* Restore the original right-hand composition; fade only its left edge. */
.hero-photo{inset:auto;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:50% 42%;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 12%,#000 37%)}.hero-shade{background:linear-gradient(90deg,#090e10 2%,#090e10ed 24%,#090e1055 56%,#090e1000 78%),linear-gradient(0deg,#090e10,transparent 33%,#0004)}@media(min-width:701px) and (max-width:1000px){.hero-photo{width:85%}}@media(max-width:700px){.hero-photo{width:100%;object-position:60% center;opacity:.68;mask-image:linear-gradient(90deg,rgba(0,0,0,.3),#000 55%)}.hero-shade{background:linear-gradient(90deg,#090e10b0,transparent),linear-gradient(0deg,#090e10,transparent 85%)}}
.collaborations{padding-top:75px;padding-bottom:85px;background:linear-gradient(130deg,#111d22,#090e10 70%);border-top:1px solid #c7a67425}.collab-intro{max-width:750px;margin-bottom:36px}.artist-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px}.artist-list li{padding:15px 0;border-bottom:1px solid #ffffff14;font-size:17px;color:#deded8}.artist-list li:nth-child(-n+4){color:var(--gold)}.collab-note{color:var(--gold);font-family:Georgia,serif;font-style:italic;font-size:22px;margin-top:28px}@media(max-width:900px){.artist-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}}@media(max-width:600px){.artist-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.artist-list li{font-size:14px;overflow-wrap:anywhere}.collaborations{padding-top:55px;padding-bottom:55px}}
/* Six selected live photographs, preserving each complete composition. */
.gallery.moment-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 5%;align-items:center}.moment-gallery .moment{margin:0;min-width:0}.moment-gallery img,.moment-gallery img:nth-child(even){display:block;width:100%;height:auto;object-fit:contain;margin:0;filter:none;mask-image:linear-gradient(0deg,transparent,#000 5%,#000 96%,transparent)}.moment-gallery .moment-1{grid-column:1;grid-row:1 / span 2}.moment-gallery .moment-2{grid-column:2;grid-row:1}.moment-gallery .moment-3{grid-column:3;grid-row:1}.moment-gallery .moment-4{grid-column:2;grid-row:2}.moment-gallery .moment-5{grid-column:1 / span 2;grid-row:3}.moment-gallery .moment-6{grid-column:3;grid-row:2 / span 2}@media(max-width:700px){.gallery.moment-gallery{grid-template-columns:1fr 1fr;gap:12px;padding:0 4%}.moment-gallery .moment{grid-column:auto;grid-row:auto}.moment-gallery .moment-5{grid-column:1 / -1;grid-row:3}.moment-gallery .moment-6{grid-column:2;grid-row:2}.moment-gallery .moment-4{grid-column:1;grid-row:2}.moment-gallery .moment-3{grid-column:1 / -1;grid-row:4;max-width:520px;justify-self:center}}
.video-link img{object-position:65% 40%}@media(max-width:700px){.video-link img{object-position:61% center}}
.artist-list li>span{display:block}.artist-search{display:inline-flex;gap:7px;margin-top:5px;color:#a8b0b2;font-size:12px;letter-spacing:.02em}.artist-search:hover{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.artist-search span{color:var(--gold)}
/* Consistent gold artist names across all collaboration rows. */
.artist-list li>span{color:var(--gold)}
.release-date{color:var(--gold);font-size:16px;letter-spacing:1px;margin:-12px 0 25px}
/* Sydney stage photograph softly behind the artist credits. */
.collaborations{position:relative;isolation:isolate;overflow:hidden;background:#090e10}.collaborations::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/collaborations-sydney.jpg') center center/cover no-repeat;opacity:.24;pointer-events:none}.collaborations::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#090e10,rgba(9,14,16,.12) 24%,rgba(9,14,16,.12) 76%,#090e10);pointer-events:none}.collaborations .artist-list,.collaborations h2{text-shadow:0 2px 12px #0009}.collaborations .collab-intro{color:#c0c6c8}@media(max-width:700px){.collaborations::before{background-size:auto 100%;background-position:50% center;opacity:.2}}
.platforms{gap:20px;flex-wrap:wrap}.platforms a{white-space:nowrap;font-size:16px}

/* Compact social links keep the artist names prominent. */
.artist-links{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:7px}.artist-links a{display:inline-flex;align-items:center;gap:5px;margin:0;min-height:30px;color:#bac1c3;font-size:11px;letter-spacing:.01em}.artist-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.artist-links a>span:last-child{color:#a79b88;font-size:10px}.artist-ig-icon{display:inline-flex;width:16px;height:16px;border-radius:5px;background:radial-gradient(circle at 25% 100%,#ffd776,#f94972 48%,#9c3fd3 77%,#505bd5)}.artist-ig-icon svg{width:16px;height:16px}.artist-google-icon{font:bold 16px Arial;color:#4285f4!important}.artist-list li{padding:14px 0}@media(max-width:600px){.artist-links{gap:3px 10px}.artist-links a{min-height:34px}}

/* Discreet Google links beneath collaboration names. */ .artist-links{margin-top:2px}.artist-links .artist-search{font-size:10px;gap:4px;min-height:24px;color:#929b9e}.artist-links .artist-google-icon{font-size:12px}.artist-links .artist-search>span:last-child{font-size:9px}


/* Portrait source avoids excessive enlargement in the tall credits section. */
.collaborations::before{background-image:url('assets/collaborations-dolby.jpg');background-size:cover;background-position:center 48%;opacity:.32}.collaborations::after{background:linear-gradient(0deg,#090e10,rgba(9,14,16,.17) 20%,rgba(9,14,16,.17) 78%,#090e10)}@media(max-width:700px){.collaborations::before{background-size:auto 100%;background-position:center;opacity:.28}}

/* Brighter performance photograph with a gentler fade toward the text. */
.videos .video-link img{opacity:1;filter:brightness(.9);mask-image:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.8) 38%,#000 65%),linear-gradient(0deg,transparent,#000 14%,#000 88%,transparent);mask-composite:intersect}.videos>h2,.videos>.eyebrow,.video-label{text-shadow:0 2px 16px #000b}@media(max-width:700px){.videos .video-link img{opacity:1;filter:brightness(.85)}}

/* Overlapping, softly blended live-photo compositions. */
.photos{padding-bottom:45px}.gallery.moment-gallery{gap:0;padding:0 4%;align-items:center;isolation:isolate}.moment-gallery .moment{position:relative;margin:-14px -18px;}.moment-gallery img,.moment-gallery img:nth-child(even){mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect;position:relative}.moment-gallery .moment-5{margin-top:-28px}.moment-gallery .moment-6{margin-left:-32px}@media(max-width:700px){.gallery.moment-gallery{gap:0;padding:0 5%}.moment-gallery .moment{margin:-8px -10px}.moment-gallery .moment-5{margin-top:-12px}.moment-gallery .moment-6{margin-left:-10px}}

/* Small previous-release covers below the featured single. */
.release .back-catalog{grid-column:1/-1;width:100%;margin-top:44px;border-top:1px solid #ffffff20;padding-top:23px;position:relative;z-index:1}.back-catalog h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:500;margin:0 0 18px}.catalog-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}.catalog-track{min-width:0;display:block}.catalog-track img{display:block;width:100%;max-width:130px;aspect-ratio:1;object-fit:contain;border-radius:3px;transition:transform .2s}.catalog-track:hover img{transform:translateY(-3px)}.catalog-track strong{display:block;font-size:11px;font-weight:500;margin-top:9px;line-height:1.4}.catalog-track small{display:block;font-size:9px;color:var(--muted);margin-top:4px}@media(max-width:700px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px}.release .back-catalog{margin-top:12px}.catalog-track strong{font-size:10px}}

.moment-gallery .moment-7{grid-column:2;grid-row:4;max-width:460px;justify-self:center}@media(max-width:700px){.moment-gallery .moment-7{grid-column:1/-1;grid-row:5;max-width:400px}}

/* Small artist portraits alongside each credit. */
.artist-list li{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-content:center}.artist-list .artist-portrait{grid-column:1;grid-row:1/3;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 25%;border:1px solid #c7a67455;align-self:center;filter:saturate(.75)}.artist-list li>span{grid-column:2;font-size:15px;align-self:end}.artist-list .artist-links{grid-column:2;align-self:start}@media(max-width:600px){.artist-list li{grid-template-columns:34px minmax(0,1fr);column-gap:8px}.artist-list .artist-portrait{width:34px;height:34px}.artist-list li>span{font-size:12px}}

/* Blend the white logotype into the header without a black tile. */
.brand img{width:100px;height:100px;mix-blend-mode:screen;filter:contrast(1.5);background:transparent}
@media(max-width:700px){.brand img{width:80px;height:80px}}
/* Use the logo's luminance as its alpha: black is fully transparent. */
.brand img,.footer-bottom img{background:transparent;mix-blend-mode:normal;filter:contrast(1.5);mask-image:url('assets/logo.jpg');mask-mode:luminance;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
/* Oversized transparent logotype behind the contact section. */
#contact{position:relative;isolation:isolate;overflow:hidden}
#contact::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(65vw,800px);aspect-ratio:1;right:-3%;top:50%;transform:translateY(-50%) rotate(-7deg);background:#f1eee7;opacity:.065;mask-image:url('assets/logo.jpg');mask-mode:luminance;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
@media(max-width:700px){#contact::before{width:105vw;right:-30%;opacity:.05}}

/* Compact, two-row contact sheet; preserve the complete photo framing. */
#photos{padding-top:65px;padding-bottom:45px}
#photos .section-top{margin-bottom:18px}
#photos .moment-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 0;padding:0 4%}
#photos .moment-gallery .moment{flex:0 0 25%;height:220px;max-width:none;margin:0;min-width:0;display:flex;align-items:center;justify-content:center}
#photos .moment-gallery .moment:nth-child(n+5){flex-basis:30%}
#photos .moment-gallery img{width:100%;height:100%;object-fit:contain;margin:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
@media(min-width:1500px){#photos .moment-gallery .moment{height:255px}}
@media(max-width:700px){#photos{padding-top:45px;padding-bottom:30px}#photos .moment-gallery .moment,#photos .moment-gallery .moment:nth-child(n+5){flex-basis:33.333%;height:155px}#photos .moment-gallery .moment:nth-child(4),#photos .moment-gallery .moment:nth-child(5){flex-basis:50%}#photos .moment-gallery .moment:nth-child(n+6){flex-basis:40%}}
/* Overlapping, softly blended concert photographs. */
#photos .moment-gallery{gap:0;padding:0 3%;isolation:isolate}
#photos .moment-gallery .moment{height:285px;position:relative;overflow:visible}
#photos .moment-gallery .moment:nth-child(n+5){margin-top:-26px}
#photos .moment-gallery img{width:118%;max-width:none;height:112%;flex-shrink:0;object-fit:cover;object-position:center 35%;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(0deg,transparent,#000 16%,#000 84%,transparent);mask-composite:intersect}
#photos .moment-gallery .moment-7 img{object-position:center 28%}
@media(min-width:1500px){#photos .moment-gallery .moment{height:320px}}
@media(max-width:700px){#photos .moment-gallery .moment{height:195px}#photos .moment-gallery .moment:nth-child(n+4){margin-top:-18px}#photos .moment-gallery img{width:112%;height:108%}}
/* Atmospheric portrait for the live performance section. */
#live{position:relative;isolation:isolate;overflow:hidden;min-height:540px;align-items:center}
#live::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/live-portrait.jpg') center 34%/cover no-repeat;opacity:.65}
#live::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090e10e8 0%,#090e1080 32%,#090e1060 52%,#090e10d9 100%),linear-gradient(0deg,#090e10 0%,#090e10 8%,transparent 32%,transparent 72%,#090e10 100%)}
#live>div{position:relative;text-shadow:0 2px 16px #0009}#live p:not(.eyebrow){color:#d2d6d6}
@media(max-width:700px){#live{min-height:650px;gap:30px}#live::before{background-position:48% center;opacity:.5}#live::after{background:linear-gradient(90deg,#090e1099,#090e1055),linear-gradient(0deg,#090e10 8%,transparent 36%,transparent 72%,#090e10)}}
/* Black-and-white bass portrait selected for the live section. */
#live::before{background-image:url('assets/live-bass-bw.jpg');background-size:auto 145%;background-position:center 40%;opacity:.8}
#live::after{background:linear-gradient(90deg,#090e10 0%,#090e10bd 24%,#090e1033 44%,#090e104d 57%,#090e10d9 78%,#090e10 100%),linear-gradient(0deg,#090e10,transparent 24%,transparent 78%,#090e10)}
@media(max-width:700px){#live::before{background-size:auto 115%;background-position:55% center;opacity:.55}#live::after{background:linear-gradient(90deg,#090e1080,#090e1066),linear-gradient(0deg,#090e10,transparent 30%,transparent 75%,#090e10)}}
/* Keep the face visible in the upper part of the portrait. */
#live::before{background-size:auto 125%;background-position:48% 15%;opacity:.9}
@media(max-width:700px){#live::before{background-size:auto 110%;background-position:center top;opacity:.65}}
/* Blend the portrait edges into an extended atmospheric backdrop. */
#live{background:radial-gradient(ellipse at 49% 45%,#202426 0%,#101719 35%,#090e10 72%)}
#live::before{inset:0 18%;background-size:auto 125%;background-position:48% 15%;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 72%,transparent),linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);mask-composite:intersect}
#live::after{background:linear-gradient(90deg,#090e10c9,transparent 38%,transparent 55%,#090e10ba),linear-gradient(0deg,#090e10,transparent 30%,transparent 75%,#090e10)}
@media(max-width:700px){#live::before{inset:0;background-size:auto 110%;background-position:center top;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 25%,#000 80%,transparent)}#live::after{background:linear-gradient(90deg,#090e1077,#090e1044),linear-gradient(0deg,#090e10,transparent 30%,transparent 75%,#090e10)}}
#live::before{inset:0 27%;background-size:cover;background-position:center 15%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent)}
@media(max-width:700px){#live::before{inset:0;background-size:cover;background-position:center 15%}}
/* Shift the live portrait left while retaining its framing and fade. */
#live::before{left:18%;right:36%}
@media(max-width:700px){#live::before{left:-8%;right:8%}}
/* Refined contact palette and a softly illuminated signature. */
#contact{background:radial-gradient(ellipse at 78% 42%,#242018 0%,#111719 43%,#090e10 82%)}
#contact::before{width:min(57vw,690px);right:1%;top:49%;transform:translateY(-50%) rotate(-4deg);background:linear-gradient(145deg,#ddc39b 5%,#b79560 43%,#473a27 83%,transparent);opacity:.17}
#contact .contact-row{color:#d7c09a;font-size:17px}
#contact .footer-bottom{border-top-color:#c7a67426;color:#a8aaa6}
@media(max-width:700px){#contact::before{width:95vw;right:-25%;opacity:.1}#contact .contact-row{font-size:16px}}
#contact .contact-row{justify-content:flex-start;gap:28px 65px}
#contact .film-link{margin:28px 0 0;font-size:13px;letter-spacing:.035em;color:#a8aaa6}
#contact .film-link span{color:#c7a674}#contact .film-link a:hover{color:#f1eee7}
/* Final small-screen layout and touch targets. */
@media(max-width:700px){.release{grid-template-columns:minmax(0,1fr)}.release-photo{grid-column:1;grid-row:1;width:100%;margin:0;order:0}.release-photo img{width:100%;max-height:430px}.release>div:first-child{grid-column:1;grid-row:2}.back-catalog{grid-column:1}.hero .actions{flex-wrap:wrap}#contact h2{font-size:clamp(48px,15vw,64px)}.artist-list li>span{overflow-wrap:anywhere}nav a{padding:6px 0}.artist-search{min-height:32px}.stats{flex-wrap:wrap}.footer-bottom{gap:14px}.footer-bottom img{width:65px}#contact .contact-row{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Mobile hero: keep the complete face and airborne bass unobscured. */
@media(max-width:700px){
.hero{height:auto;min-height:0;max-height:none;padding-bottom:65px}
.hero-photo{top:94px;left:0;right:0;width:100%;height:auto;aspect-ratio:1170/1280;object-fit:contain;object-position:center;opacity:1;filter:none;mask-image:none}
.hero-shade{display:none}
.hero-copy{padding:calc(94px + 109.4vw + 20px) 7% 12px;background:none}
.hero-copy .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:12px;max-width:none}
.hero h1{font-size:clamp(38px,11.5vw,66px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 16px;white-space:nowrap}
.hero h1 br{display:none}.hero h1 em::before{content:' '}
.hero .intro{font-size:18px;margin:14px 0 20px}
.hero-bottom{bottom:20px;font-size:8px}
}
/* Mobile title overlaps only the lower stage, below the face and airborne bass. */
@media(max-width:700px){
.hero-photo{mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.85) 83%,transparent 100%)}
.hero-copy{padding-top:calc(94px + 88vw);position:relative;z-index:1}
.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px;text-shadow:0 1px 8px #000;margin-bottom:9px}
.hero h1{margin-top:9px;font-size:clamp(38px,11.5vw,66px);text-shadow:0 2px 18px #0009}
}
/* Tighter vertical rhythm for collaboration rows. */
.artist-list li{padding:7px 0}
@media(max-width:700px){.artist-list li{padding:6px 0}}
/* Ultrawide screens: size the portrait by height, not by viewport width. */
@media(min-width:1100px) and (min-aspect-ratio:19/10){
.hero-photo{top:112px;bottom:0;right:5%;left:auto;height:calc(100% - 112px);width:auto;max-width:60%;object-fit:contain;object-position:center;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 92%,transparent)}
.hero-shade{background:linear-gradient(0deg,#090e10 0%,transparent 9%);pointer-events:none}
.hero-copy{padding-top:165px}.hero h1{font-size:clamp(80px,11vh,130px)}
}
/* Clearer navigation labels on desktop and mobile. */
header nav a{font-size:15px;font-weight:600;color:#f5f2eb;letter-spacing:.01em}
header nav a:hover,header nav a:focus-visible{color:#e6c58d}
@media(max-width:700px){header nav a{font-size:16px}}
/* Keep the ultrawide hero copy and portrait together. */
@media(min-width:1100px) and (min-aspect-ratio:19/10){
.hero-photo{right:max(5%,calc((100vw - 1500px)/2))}
.hero-copy{padding-left:max(6%,calc((100vw - 1500px)/2 + 40px))}
}
/* Desktop hero: one centered composition with a fixed visual gap. */
@media(min-width:1100px){
.hero{--portrait-height:min(828px,calc(100svh - 112px));--portrait-width:calc(var(--portrait-height)*.9140625);--copy-width:clamp(390px,30vw,520px);--hero-gap:32px;min-height:710px}
.hero-photo{top:112px;bottom:auto;left:calc(50% + (var(--copy-width) + var(--hero-gap) - var(--portrait-width))/2);right:auto;width:var(--portrait-width);height:var(--portrait-height);max-width:none;object-fit:contain;object-position:center;opacity:1;filter:none;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 94%,transparent)}
.hero-copy{position:relative;box-sizing:content-box;width:var(--copy-width);max-width:none;padding:170px 0 0;margin-left:calc(50% - (var(--copy-width) + var(--hero-gap) + var(--portrait-width))/2)}
.hero h1{font-size:clamp(80px,11vh,120px)}
.hero-shade{background:linear-gradient(0deg,#090e10 0%,transparent 7%);pointer-events:none}
}

/* Render the contact watermark consistently in mobile browsers. */
#contact::before{-webkit-mask:none;mask:none;background:transparent url("contact-logo.svg") center/contain no-repeat;opacity:.17}
@media(max-width:700px){#contact::before{width:92vw;right:-14%;top:48%;opacity:.18}}

/* Readable upcoming performance details. */
#live .tour-note>span{display:block;font-size:17px;font-weight:600;letter-spacing:2px}#live .tour-note p{font-size:20px;line-height:1.6;color:#e2e4e2}#live .tour-note .textlink{font-size:16px}@media(max-width:700px){#live .tour-note>span{font-size:16px}#live .tour-note p{font-size:18px}}

/* Keep mobile role labels directly below the artist name. */
@media(max-width:700px){.hero-copy{display:flex;flex-direction:column}.hero-copy h1{order:0;margin-bottom:6px}.hero-copy>.eyebrow{order:1;margin:0 0 8px}.hero-copy>.intro{order:2}.hero-copy>.actions{order:3}}

/* Align mobile role text to the name, excluding its final dot. */
@media(max-width:700px){.hero-copy h1{align-self:flex-start;margin-bottom:0;transform:translateY(5px)}.hero-copy>.eyebrow{white-space:nowrap;margin-top:0;line-height:1.5}}