:root{--bg:#101010;--paper:#f1efe9;--ink:#121212;--muted:#9c9b96;--line:rgba(255,255,255,.15);--accent:#e6ff43}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f5ef;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(16,16,16,.78);backdrop-filter:blur(16px)}.brand{font-size:1.2rem;font-weight:900;letter-spacing:-.05em}.brand span{color:var(--accent)}.top-nav{display:flex;gap:2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.top-nav a{opacity:.72;transition:opacity .2s}.top-nav a:hover{opacity:1}
.hero{min-height:78svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:130px 5vw 8vh;overflow:hidden}.hero:before{content:"MUSIQUE";position:absolute;top:15%;right:-2%;font-size:clamp(6rem,18vw,17rem);font-weight:900;line-height:.75;letter-spacing:-.08em;color:rgba(255,255,255,.025);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:980px}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;font-weight:700;color:var(--muted);margin:0 0 1.1rem}.hero h1,.about h2,.listen h2{margin:0;font-size:clamp(3.5rem,8vw,7.6rem);line-height:.88;letter-spacing:-.065em}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:680px;margin:2rem 0 1.7rem;font-size:clamp(1rem,1.45vw,1.25rem);color:#c6c3bc}.arrow-link{display:inline-flex;gap:.8rem;align-items:center;font-weight:700;font-size:.92rem}.arrow-link span{font-size:1.25rem}.hero-index{display:flex;flex-direction:column;gap:.55rem;padding-bottom:.6rem;color:#777;font-size:.68rem;letter-spacing:.15em}.hero-noise{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.4) .5px,transparent .5px);background-size:8px 8px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
.projects{background:var(--paper);color:var(--ink);padding:5.5rem 5vw 6.5rem}.section-heading{max-width:1120px;margin:0 auto 2.5rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(2.3rem,4.6vw,4.6rem);font-weight:400;line-height:.95;letter-spacing:-.045em}.project-list{max-width:1120px;margin:0 auto;border-top:1px solid #c4c0b7}.project-card{position:relative;display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:clamp(1.7rem,3vw,3.2rem);min-height:158px;padding:16px 22px 16px 16px;border-bottom:1px solid #c4c0b7;overflow:hidden;isolation:isolate;transition:padding .3s ease,color .3s ease}.project-card:before{content:"";position:absolute;inset:6px 0;z-index:-1;transform:scaleX(0);transform-origin:right;background:#151515;border-radius:3px;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.project-card:hover:before{transform:scaleX(1);transform-origin:left}.project-card:hover{color:white;padding-left:22px;padding-right:18px}.project-art{position:relative;width:112px;height:112px;overflow:hidden;background:#ddd;border-radius:2px;box-shadow:0 5px 18px rgba(18,18,18,.12)}.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .3s ease}.project-card:hover img{transform:scale(1.035)}.project-copy{display:grid;grid-template-columns:48px minmax(230px,1fr) minmax(210px,.7fr) auto;align-items:center;gap:clamp(1rem,2.5vw,2.4rem)}.project-number{font-size:.68rem;letter-spacing:.18em;opacity:.5}.project-copy h3{margin:0;font-size:clamp(1.7rem,3.2vw,3.25rem);font-weight:650;line-height:.95;letter-spacing:-.045em}.project-copy p{margin:0;max-width:330px;color:#747068;font-size:.9rem;line-height:1.45}.project-card:hover .project-copy p{color:#c9c6bf}.enter{white-space:nowrap;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;opacity:.75}.enter b{display:inline-block;margin-left:.25rem;font-size:1.05rem;transition:transform .25s ease}.project-card:hover .enter b{transform:translate(3px,-3px)}.faim:hover:before{background:#0b4a78}.numeric:hover:before{background:#171717}.illustration:hover:before{background:#526477}.aylefan:hover:before{background:#292929}.punk:hover:before{background:#342c48}
.about{padding:8rem 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}.about h2{font-size:clamp(3.5rem,7vw,7rem)}.about-copy{padding-top:2rem;font-size:clamp(1.1rem,1.7vw,1.5rem);color:#c7c4be}.about-copy p:first-child{color:white}.about-copy p{margin:0 0 1.7rem}.listen{padding:7rem 5vw 8rem;border-top:1px solid var(--line)}.listen h2{font-size:clamp(3.4rem,7vw,7rem);margin-bottom:3rem}.external-links{display:grid;border-top:1px solid var(--line)}.external-links a{display:flex;justify-content:space-between;padding:1.2rem 0;border-bottom:1px solid var(--line);font-size:clamp(1.05rem,1.7vw,1.4rem)}.external-links a:hover{padding-left:.75rem;color:var(--accent);transition:.2s}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 3.5vw;border-top:1px solid var(--line);color:#868686;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:900px){.project-copy{grid-template-columns:40px 1fr auto}.project-copy p{grid-column:2/4}.about{grid-template-columns:1fr}.about-copy{padding-top:0}.top-nav{gap:1rem}.hero{grid-template-columns:1fr}.hero-index{display:none}}
@media(max-width:620px){.site-header{height:60px;padding:0 5vw}.top-nav a:nth-child(2){display:none}.hero{min-height:72svh;padding:105px 5vw 7vh}.hero h1{font-size:clamp(3.15rem,16vw,5.5rem)}.projects{padding:4.5rem 5vw 5.5rem}.section-heading{display:block;margin-bottom:2rem}.section-heading h2{font-size:2.7rem}.project-card{grid-template-columns:82px 1fr;gap:1.15rem;min-height:110px;padding:14px 6px}.project-card:hover{padding-left:10px;padding-right:2px}.project-card:before{inset:5px -8px}.project-art{width:76px;height:76px}.project-copy{display:block}.project-copy h3{font-size:clamp(1.65rem,8.8vw,2.65rem);margin:0 0 .35rem}.project-copy p{font-size:.78rem;line-height:1.35;padding-right:.5rem}.project-number{display:none}.enter{display:none}.site-footer{flex-direction:column}.about,.listen{padding-left:5vw;padding-right:5vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}