:root{--bg:#111513;--panel:#191e1b;--ink:#eeeae0;--muted:#a6ada7;--gold:#cfb58b;--line:#343c35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:3}.brand{font-size:23px;letter-spacing:4px;line-height:1.2;white-space:nowrap}.brand b{font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:4px;color:var(--gold);margin-top:9px}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a:hover,.textlink:hover{color:var(--gold)}.navcontact{border-bottom:1px solid var(--gold);padding-bottom:4px}.hero{height:650px;position:relative;padding:75px 7%;isolation:isolate;overflow:hidden}.heroimage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-3}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,15,.94) 0%,rgba(10,18,15,.72) 38%,rgba(10,18,15,.06) 85%);z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111513,transparent 35%);z-index:-1}.eyebrow{font-size:11px;letter-spacing:2.8px;font-weight:600;color:var(--gold);margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.06;letter-spacing:-2px}h1{font-size:clamp(54px,6.4vw,94px);margin-bottom:27px}h2{font-size:clamp(38px,4.2vw,62px);margin-bottom:25px}h1 em,h2 em{font-weight:400;color:var(--gold)}.intro{font-size:18px;color:#d6d8d1;line-height:1.7;margin-bottom:30px}.button{display:inline-block;padding:14px 24px;background:var(--gold);color:#182019;font-size:13px;letter-spacing:.3px}.button:hover{background:#e8cca0}.textlink{font-size:13px;border-bottom:1px solid #687062;padding-bottom:6px}.hero .textlink{margin-left:25px}.herocaption{position:absolute;right:7%;bottom:55px;font-size:9px;letter-spacing:2px;color:#d9dcd7}.herocaption span{display:block;font:14px Georgia;letter-spacing:0;margin-top:9px}.recognition{padding:28px 7%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:1.6px;color:#d1d2c7}.recognition small{display:block;color:var(--muted);font-size:12px;letter-spacing:0;margin-top:5px}section:not(.hero){padding:95px 7%;scroll-margin-top:20px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.sectionhead>p{font-size:14px;color:var(--muted);max-width:400px}.reel{padding:15px;background:#191c19;border:1px solid var(--line);margin-bottom:20px}iframe{border:0;width:100%;display:block}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.projectimage{height:300px;position:relative;overflow:hidden;background:#090b09}.projectimage img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project:nth-child(3) img{object-fit:contain}.project:hover img{transform:scale(1.025)}.projectimage span{position:absolute;right:15px;bottom:15px;background:#111a;color:white;border-radius:50%;width:36px;height:36px;text-align:center;line-height:36px}.project p{color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:20px 0 5px}h3{font-weight:400;font-size:24px;margin-bottom:12px}.credits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px;padding:22px 0}.credits summary{cursor:pointer;list-style:none;font-size:14px}.credits summary span{float:right}.creditgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px 0}.creditgrid img{width:100%;height:auto;float:none!important}.credits>p{color:var(--muted);font-size:12px}.videos{display:grid;grid-template-columns:1fr 1fr;gap:30px}.videos iframe{aspect-ratio:16/9}.videos h3{font-size:17px;margin-top:18px}#screen{background:#191d19}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.biography{font-size:15px;color:#bfc4bb}.biography a{text-decoration:underline;color:var(--gold)}.quote{background:#e8e4d9;color:#212b23;text-align:center}.quote .eyebrow{color:#66735e}.quote blockquote{font:clamp(27px,3.1vw,46px)/1.3 Georgia;max-width:900px;margin:0 auto 32px}.quote>p:not(.eyebrow){font-size:11px;letter-spacing:2px}.quote p span{display:block;letter-spacing:0;color:#687262;font-size:13px;margin-top:7px}#contact h2{font-size:clamp(44px,5.4vw,78px)}.contactrow{display:flex;justify-content:space-between;gap:35px;margin-top:40px}.contactrow p{color:var(--muted);font-size:13px;margin-bottom:10px}.outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}footer{border-top:1px solid var(--line);padding:45px 7%;color:var(--muted);font-size:12px}footer .brand{font-size:17px;color:var(--ink)}footer p{margin-top:15px}footer div{display:flex;gap:25px;margin:25px 0}.inner{min-height:65vh}.inner h1{font-size:64px;margin-top:25px}.prose{max-width:900px;line-height:1.9;color:#c7cdc4;overflow-wrap:anywhere}.prose b{display:block;color:var(--gold);font-size:14px;margin:16px 0 38px}.prose img{max-width:100%;height:auto}.prose a{color:var(--gold);text-decoration:underline}.prose iframe{min-height:320px}.prose table{max-width:100%;display:block;overflow:auto}.albums{display:grid;grid-template-columns:repeat(2,minmax(0,350px));gap:55px;justify-content:center;margin-top:60px}.albums h3{font-size:20px}.newslist a{display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.newslist span{font-size:12px;color:var(--gold);min-width:90px}.newslist h3{margin:0;font-size:20px}.newslist b{margin-left:auto}.newslist a:hover{color:var(--gold)}@media(max-width:750px){header{height:auto;min-height:100px;display:block;padding:23px 6%}.brand{font-size:19px}.brand small{display:none}nav{gap:19px;flex-wrap:wrap;margin-top:20px;font-size:12px}.hero{height:610px;padding:65px 6%}.heroimage{object-position:58%}.hero:before{background:linear-gradient(90deg,#0b120fe8,#0b120f70)}h1{font-size:59px}.hero .textlink{display:block;width:fit-content;margin:22px 0}.herocaption{bottom:24px;right:6%}.recognition{padding:23px 6%;flex-wrap:wrap;gap:22px}.recognition span{font-size:9px}section:not(.hero){padding:65px 6%}.sectionhead{display:block}.sectionhead>p{margin-top:22px}.projects,.videos,.about{grid-template-columns:1fr;gap:35px}.projectimage{height:240px}.creditgrid{grid-template-columns:repeat(3,1fr)}.reel{padding:0}.contactrow{display:block}.contactrow>div+div{margin-top:35px}.contactrow a{overflow-wrap:anywhere}footer div{flex-wrap:wrap;gap:15px}.albums{grid-template-columns:minmax(0,350px);gap:40px}.inner h1{font-size:44px}.newslist a{gap:15px}.newslist h3{font-size:17px}.newslist span{min-width:75px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Portfolio direction 02 — monochrome, editorial, artwork-led */
:root{--bg:#090c10;--panel:#11161c;--ink:#f5f6f7;--muted:#9ba3ad;--gold:#82c8df;--line:#293039}body{font-family:Arial,Helvetica,sans-serif}header{height:90px;background:#090c10;padding:0 6%;border:0}.brand{font-size:21px;letter-spacing:3px;font-weight:700}.brand span{display:block;font-size:8px;font-weight:400;letter-spacing:5px;color:#9ba3ad;margin-top:8px}nav{gap:31px;text-transform:uppercase;font-size:10px;letter-spacing:2px}nav a{padding:8px 0}.menu-toggle{display:none}.hero{height:650px;min-height:570px;padding:85px 8%;display:flex;align-items:center;background:#060a10}.heroimage{object-position:center;filter:grayscale(1) brightness(.55);opacity:.68}.hero:before{background:linear-gradient(90deg,#060b12ed 0%,#060b1280 50%,#060b1220 100%)}.hero:after{background:linear-gradient(0deg,#090c10,transparent 45%)}.herocontent{width:100%}.hero .eyebrow{font-size:11px;letter-spacing:4px;color:#c7d2dd;margin-bottom:28px}h1,h2{font-family:Arial,Helvetica,sans-serif;font-style:normal}.hero h1{font-size:clamp(80px,10vw,148px);line-height:.88;font-weight:200;letter-spacing:9px;margin:0 0 38px}.hero h1 strong{font-weight:750;letter-spacing:5px}h2{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:3px}h3{font-family:Arial,sans-serif;font-size:19px;font-weight:500}.herobottom{display:flex;align-items:center;gap:50px}.herobottom>p{font-size:10px;letter-spacing:2px;color:#c3ccd5;margin:0}.herobottom>p span{padding:0 10px;color:#82c8df}.button{border:1px solid #a9b7c8;background:transparent;color:#fff;letter-spacing:3px;font-size:10px;padding:13px 28px}.button:hover{background:white;color:#080c12}.play{font-size:10px;margin-right:9px}.scrolldown{position:absolute;right:8%;bottom:42px;font-size:28px;font-weight:100}.sectionhead{align-items:center;margin-bottom:35px}.sectionhead h2{margin:0}.sectionhead>p{font-size:12px;letter-spacing:.5px;margin:0;color:var(--muted)}section:not(.hero){padding:75px 8%}#work{padding-top:38px}.filters{display:flex;gap:22px}.filters button{border:0;background:none;color:#8d97a4;font:11px Arial;cursor:pointer;padding:8px 0}.filters button.active{color:#fff;border-bottom:1px solid var(--gold)}.filters button:hover{color:#fff}.projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px}.projectimage{height:auto;aspect-ratio:4/4.5;overflow:hidden}.projectimage img{object-fit:cover;object-position:center;width:100%;height:100%;filter:saturate(.85)}.project:nth-child(3) img{object-fit:cover}.projectimage .projectarrow{opacity:0;transition:opacity .2s}.project:hover .projectarrow,.project:focus-visible .projectarrow{opacity:1}.project:hover img{filter:saturate(1)}.project h3{font-size:14px;letter-spacing:.2px;margin:16px 0 4px}.project p{font-size:10px;text-transform:none;letter-spacing:.3px;color:#8994a2;margin:0}.project[hidden]{display:none}.credits{margin-top:35px;font-size:12px}.credits summary{font-size:11px;text-transform:uppercase;letter-spacing:1.6px}.credits .creditgrid img{filter:saturate(.85)}#listen{background:#10161e}.reel{background:#080b10;border:1px solid #28333f;padding:15px}.textlink{border-bottom:1px solid #566779;font-size:12px}#screen{background:#090c10}.videos{gap:25px}.videos h3{font-size:12px;text-transform:uppercase;letter-spacing:2px}.about{background:#11171e;grid-template-columns:.8fr 1.2fr;gap:80px}.aboutintro h2{font-size:58px;letter-spacing:4px;font-weight:700;line-height:1.05}.aboutintro>img{width:100%;height:185px;object-fit:cover;filter:grayscale(1);opacity:.85;margin:15px 0 20px}.honors{display:grid;gap:16px}.honors p{margin:0;font-size:9px;letter-spacing:1.5px;color:#d8dfe6}.honors span{display:block;color:#8d9aaa;font-size:11px;letter-spacing:0;margin-top:4px}.biography{font-size:14px;line-height:1.9;color:#b4beca}.biography p{margin-bottom:23px}.eyebrow{color:#8ea4b8;font-size:9px;letter-spacing:2.5px}.quote{background:#0b1016;color:#e2e8ef;border-bottom:1px solid #202932}.quote .eyebrow{color:#89a1b8}.quote blockquote{font:300 clamp(23px,2.4vw,34px)/1.5 Arial;letter-spacing:.3px;max-width:840px}.quote p span{color:#91a0af}.quote>p:not(.eyebrow){font-size:10px}#contact{background:#121c28}#contact h2{font-size:48px;letter-spacing:5px}.contactrow{margin-top:40px}.contactrow .label{font-size:9px;letter-spacing:2px;color:#8ba5bd}.contactrow h3{font-size:19px}.contactrow p{font-size:12px;color:#a5b4c3}footer{background:#070a0f;border:0;padding:40px 8%}footer p{font-size:11px}footer .brand{font-size:16px}footer div{font-size:11px}footer small{font-size:10px}.inner h1{font-size:58px;letter-spacing:2px;font-weight:600}.albums h3{font-size:17px}.prose{font-size:14px}.intro{font-size:16px}button:focus-visible{outline:2px solid #82c8df;outline-offset:5px}@media(max-width:1000px){.hero h1{font-size:105px}.herobottom{display:block}.herobottom .button{margin-top:25px}.projects{grid-template-columns:repeat(3,minmax(0,1fr))}.about{gap:35px}.aboutintro h2{font-size:46px}}@media(max-width:750px){header{height:80px;min-height:80px;display:flex;position:relative;padding:0 6%}.brand{font-size:17px;letter-spacing:2px}.brand span{font-size:7px;letter-spacing:4px}.menu-toggle{display:block;color:#fff;background:none;border:1px solid #384654;padding:8px 11px;font-size:10px;letter-spacing:1px}.menu-toggle span{margin-left:10px}nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;padding:22px 6%;background:#090c10;z-index:10;box-shadow:0 15px 20px #0005}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:13px}nav a{font-size:11px}.hero{height:560px;min-height:0;padding:65px 6%}.hero h1{font-size:clamp(58px,14vw,98px);letter-spacing:5px;line-height:.95}.hero h1 strong{letter-spacing:2px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.herobottom>p{font-size:8px;letter-spacing:1px;max-width:260px;line-height:2}.herobottom>p span{padding:0 4px}.heroimage{object-position:65%}.hero:before{background:linear-gradient(90deg,#060b12dc,#060b1270)}section:not(.hero){padding:55px 6%}#work{padding-top:30px}h2{font-size:24px;letter-spacing:2px}.sectionhead{display:block;margin-bottom:25px}.sectionhead>p{margin-top:12px}.filters{margin-top:18px;gap:22px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.projectimage{aspect-ratio:4/5}.project h3{font-size:12px}.project p{font-size:9px}.projectimage span{width:26px;height:26px;line-height:26px}.reel{padding:0}.about{grid-template-columns:1fr;gap:30px}.aboutintro h2{font-size:44px}.aboutintro>img{height:160px}.honors{grid-template-columns:1fr 1fr;gap:20px}.honors p{font-size:8px}.honors span{font-size:10px}.contactrow{display:block}.contactrow>div+div{margin-top:35px}#contact h2{font-size:36px}.inner h1{font-size:38px}.quote blockquote{font-size:24px}.albums{grid-template-columns:minmax(0,350px)}}
:root{--bg:#191b23;--panel:#101218;--line:#343844}body{background:linear-gradient(#1b1c20,#171b28 1600px,#0b1018)}header{background:transparent;max-width:1600px;margin:auto;height:100px}.hero{margin:0 5.5%;border-radius:22px;background:#020406;height:560px;min-height:0;padding:65px 5%;overflow:hidden}.hero:before,.hero:after{display:none}.hero .herocontent{position:relative;z-index:1;width:60%;pointer-events:none}.hero a{pointer-events:auto}.hero h1{font-size:clamp(40px,5vw,76px);font-weight:300;letter-spacing:1px;line-height:1.1;white-space:nowrap;margin:0 0 16px}.hero-subtitle{font-size:clamp(11px,1.3vw,19px);font-weight:300;letter-spacing:1.3px;color:#a2a8af;margin-bottom:40px}.hero .button{border:1px solid #c1c8d0;border-radius:9px;font-size:13px;letter-spacing:1px;min-width:145px;text-align:center;padding:12px 24px}#sound-art{position:absolute;inset:0;width:100%;height:100%}.art-toggle{position:absolute;bottom:18px;right:24px;border:0;background:transparent;color:#8996a6;font-size:9px;letter-spacing:.7px;cursor:pointer;z-index:2}.credits-strip{padding:30px 0 45px!important;overflow:hidden}.strip-controls{padding:0 6%;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:9px;letter-spacing:2px;color:#9fa8b4}.strip-controls>div{display:flex;gap:8px}.strip-controls button{color:#b7c3d0;background:none;border:1px solid #46505d;border-radius:5px;padding:6px 12px;cursor:pointer;font-size:11px}.credits-track{display:flex;gap:22px;overflow-x:auto;padding:0 6% 18px;scrollbar-width:thin;scrollbar-color:#47515f transparent}.credits-track .project{flex:0 0 200px;min-width:0}.credits-track .projectimage{aspect-ratio:2/3;border-radius:12px}.credits-track .project h3{font-size:12px}.credits-track .project p{font-size:10px}.credits-track .project[hidden]{display:block}#listen{background:transparent}#work{background:#10151d}#screen{background:#151b25}.about{background:#101721}@media(min-width:1700px){.hero{max-width:1550px;margin:auto}.credits-track .project{flex-basis:245px}}@media(max-width:750px){header{height:85px}.hero{margin:0 4%;padding:45px 7%;height:540px;border-radius:16px;align-items:flex-start}.hero .herocontent{width:100%}.hero h1{font-size:clamp(29px,7.2vw,50px);white-space:normal;letter-spacing:1px}.hero-subtitle{font-size:9px;letter-spacing:1px;max-width:280px;margin-bottom:22px}.hero .button{font-size:11px;min-width:120px;padding:10px 20px}.credits-track{gap:16px}.credits-track .project{flex-basis:155px}.credits-strip{padding-top:25px!important;padding-bottom:20px!important}.strip-controls{font-size:8px}.art-toggle{font-size:8px}nav{top:85px}}

/* Full-width still sky hero */
body:has(.hero-worlds){background:#101721}
.hero.hero-worlds{margin:0;max-width:none;border-radius:0;width:100%;height:clamp(600px,53vw,840px);padding:70px 6% 180px;display:flex;align-items:center;justify-content:center;background:#06121e}
.worlds-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2}
.hero-worlds:before{display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,22,.18),rgba(3,12,22,.08) 55%,transparent);z-index:-1}
.hero-worlds:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101721 0%,rgba(16,23,33,.65) 9%,transparent 32%);z-index:-1}
.hero-worlds .herocontent{width:100%;text-align:center;max-width:1100px;text-shadow:0 2px 28px #04101d80}
.hero-worlds .hero-name{font-size:17px;letter-spacing:6px;font-weight:400;color:#e1e8ee;margin:0 0 25px}
.hero-worlds h1{font-size:clamp(54px,6.5vw,94px);line-height:1.06;letter-spacing:-2px;font-weight:300;white-space:normal;margin:0 0 25px}
.hero-worlds .hero-subtitle{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#dde5ec;margin:0 0 32px;max-width:none}
.hero-worlds .button{display:inline-block;border-radius:3px;font-size:11px;letter-spacing:2.5px;padding:12px 30px;background:#07142133}
.hero-worlds .button:hover{background:#fff;color:#071421}
body:has(.hero-worlds)>header{background:#07111c}
.hero-worlds+.credits-strip{background:#101721;padding-top:15px!important}
@media(max-width:750px){.hero.hero-worlds{height:640px;padding:65px 6% 180px;align-items:center}.worlds-image{object-position:56% center}.hero-worlds .hero-name{font-size:13px;letter-spacing:4px;margin-bottom:25px}.hero-worlds h1{font-size:clamp(43px,10.2vw,70px);letter-spacing:-1.4px;line-height:1.08}.hero-worlds .hero-subtitle{font-size:9px;letter-spacing:1.5px;line-height:1.9;margin:0 auto 27px;max-width:290px}.hero-worlds .button{font-size:10px;min-width:130px}.hero-worlds:after{background:linear-gradient(0deg,#101721,rgba(16,23,33,.3) 18%,transparent 35%)}}

/* Composer identity leads the hero. */
.hero-worlds h1{font-size:clamp(44px,7.4vw,106px);letter-spacing:4px;line-height:1.1;margin-bottom:25px}
.hero-worlds .hero-subtitle{font-size:clamp(11px,1.2vw,17px);letter-spacing:2px}
@media(max-width:750px){.hero-worlds h1{font-size:clamp(32px,8.3vw,62px);letter-spacing:1.5px}.hero-worlds .hero-subtitle{font-size:11px;letter-spacing:1.2px;max-width:300px}}

/* Complete artwork strip and profile links */



.social-header{gap:30px}.social-header nav{margin-right:auto}.social-links{display:flex;align-items:center;gap:22px}.social-links a{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;color:#aebbc7}.social-links a:hover{color:#fff}.social-links svg{width:25px;height:25px}.social-links a:first-child svg{width:40px}
@media(max-width:750px){.social-header .menu-toggle{order:0}.social-links{margin-left:auto;gap:18px}.social-header nav{margin:0}}