@import url('https://fonts.googleapis.com/css2?family=Anton&family=DM+Mono:wght@300;400;500&family=Permanent+Marker&family=Space+Grotesk:wght@300;400;500;600&display=swap');
:root{--black:#050505;--white:#eeeae1;--grey:#98958e;--rail:245px;--line:rgba(255,255,255,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Space Grotesk",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.rail{position:fixed;z-index:50;left:0;top:0;width:var(--rail);height:100vh;padding:38px 34px 28px;background:rgba(3,3,3,.92);border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{font-family:"Permanent Marker";font-size:25px;line-height:.82;transform:rotate(-2deg);display:inline-flex;flex-direction:column;align-self:flex-start}.logo b{font-weight:400;font-size:29px}.rail nav{margin:auto 0;display:flex;flex-direction:column;gap:22px;align-items:flex-start}.rail nav a{font:400 17px "Permanent Marker";color:#777;position:relative;transform:rotate(-1deg);transition:.2s}.rail nav a:after{content:"";position:absolute;left:-4px;right:-6px;bottom:-4px;height:2px;background:currentColor;transform:rotate(-2deg) scaleX(.65);transform-origin:left}.rail nav a:hover,.rail nav a.active{color:var(--white);transform:translateX(6px) rotate(-1deg)}.rail-bottom{font:9px/1.7 "DM Mono";letter-spacing:.08em;color:#888}.social{display:flex;margin-bottom:22px}.social a{border:1px solid #777;padding:5px 9px;color:#ddd}.mobile-menu{display:none}
main{margin-left:var(--rail)}.panel{min-height:100vh;position:relative;overflow:hidden;padding:52px 6vw 60px;scroll-margin-top:0}.bg,.shade{position:absolute;inset:0}.bg{background-size:cover;background-position:center;filter:grayscale(1) contrast(1.15)}.studio{background-image:url("assets/studio.jpg");background-position:center 38%}.portrait{background-image:url("assets/portrait.jpg");background-position:center 34%}.shade{background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.35) 55%,rgba(5,5,5,.68) 100%),linear-gradient(0deg,#050505 0%,transparent 38%)}.shade.heavy{background:rgba(5,5,5,.68)}.topline,.section-label{position:relative;z-index:2;font:10px "DM Mono";letter-spacing:.16em;display:flex;justify-content:space-between}.topline{border-bottom:1px solid var(--line);padding-bottom:13px}.hero-title{position:absolute;z-index:2;left:6vw;top:47%;transform:translateY(-50%)}.hero-title p{font:10px "DM Mono";letter-spacing:.12em;display:flex;align-items:center;gap:14px}.hero-title p i{display:inline-block;width:60px;height:1px;background:#fff}.hero h1{font:400 clamp(85px,11vw,190px)/.73 "Anton";letter-spacing:-.035em;margin:24px 0}.hero h1 span{display:block}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:1.3px #fff;margin-left:5vw}.hero blockquote{position:absolute;z-index:2;right:5vw;bottom:12%;margin:0;padding:24px 28px;border:1px solid var(--line);font:500 clamp(18px,2vw,32px)/1.08 "Space Grotesk";background:rgba(0,0,0,.2);backdrop-filter:blur(3px)}.hero blockquote em{font-family:"Permanent Marker";font-weight:400}.down{position:absolute;bottom:45px;left:6vw;z-index:3;font:9px "DM Mono";letter-spacing:.15em}.down b{margin-left:25px}.section-label{position:absolute;left:6vw;top:48px;gap:14px;justify-content:flex-start;align-items:center}.section-label span{display:inline-block;width:70px;height:1px;background:currentColor}
.manifesto .crop2{background-position:58% 42%;transform:scale(1.08)}.manifesto-box{position:absolute;z-index:3;left:10%;top:50%;transform:translateY(-50%);width:min(690px,70%);padding:40px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.18);backdrop-filter:blur(2px)}small{font:9px "DM Mono";letter-spacing:.15em}.manifesto-box h2,.section-title h2,.track h2,.about-card h2,.contact h2{font:400 clamp(70px,8.5vw,145px)/.8 "Anton";letter-spacing:-.03em;margin:35px 0}.manifesto-box h2 em,.section-title h2 i,.track h2 i,.about-card h2 em,.contact h2 i{font-family:"Permanent Marker";font-weight:400;font-style:normal}.manifesto-box p{max-width:570px;font-size:15px;line-height:1.75;color:#d0ccc3}.vertical{position:absolute;right:3vw;top:50%;writing-mode:vertical-rl;z-index:3;font:9px "DM Mono";letter-spacing:.25em}
.words,.art,.sound,.contact{background:#080808}.section-title{position:absolute;left:6vw;top:18%;z-index:2}.section-title h2{margin-top:20px}.word-list{position:absolute;right:5vw;top:30%;width:48%;border-top:1px solid var(--line)}.word-list button{width:100%;display:grid;grid-template-columns:50px 1fr 100px 30px;align-items:center;text-align:left;padding:24px 0;border:0;border-bottom:1px solid var(--line);background:none;color:#fff;cursor:pointer}.word-list span,.word-list i{font:9px "DM Mono";color:#888}.word-list b{font:400 clamp(23px,2.3vw,38px) "Space Grotesk"}.word-list em{font-style:normal;transition:.2s}.word-list button:hover em{transform:translate(5px,-5px)}.annotation{position:absolute;left:6vw;bottom:7%;font:9px/1.7 "DM Mono";color:#777}
.art{min-height:110vh}.works{position:absolute;left:6vw;right:5vw;top:42%;display:grid;grid-template-columns:1.15fr .8fr .7fr;gap:2vw;align-items:start}.works article:nth-child(2){margin-top:7vw}.works article:nth-child(3){margin-top:-4vw}.work-image{aspect-ratio:4/5;position:relative;background:#222;overflow:hidden}.work-image:before,.work-image:after{content:"";position:absolute}.w1{background:linear-gradient(125deg,#111 5%,#67645d 42%,#1a1918 43%,#a7a197 75%,#181818)}.w1:after{inset:13%;border:2px solid #b9b4aa;transform:rotate(-9deg)}.w2{background:radial-gradient(circle at 60% 35%,#bbb5a9 0 12%,#4c4a46 30%,#111 63%)}.w3{background:linear-gradient(25deg,#111,#7c766c 48%,#ddd5c6 49%,#242321)}.work-image b{position:absolute;z-index:2;top:13px;left:13px;font:9px "DM Mono"}.works p{display:flex;justify-content:space-between;font:11px "DM Mono"}.works p span{color:#777}
.sound-wrap{height:100%;min-height:calc(100vh - 110px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.disc{width:min(42vw,580px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 3px,#252525 4px 5px);display:grid;place-items:center;box-shadow:0 20px 90px #000}.disc>div{width:27%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#ddd8ce;color:#111;font:42px "Anton"}.track h2{font-size:clamp(65px,7vw,125px)}.track p{font:10px "DM Mono";letter-spacing:.14em;color:#777}.play{margin-top:30px;border:1px solid #777;background:none;color:#fff;width:115px;height:115px;border-radius:50%;font:10px "DM Mono";cursor:pointer}.play:hover{background:#eee;color:#111}
.notebook .crop3{background-position:30% 45%;transform:scale(1.08)}.scraps{position:absolute;z-index:3;inset:18% 6vw 8%;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3vw;align-items:center}.scrap{border:1px solid rgba(255,255,255,.5);padding:28px;background:rgba(0,0,0,.35);backdrop-filter:blur(3px)}.scrap p{font:400 clamp(28px,3.4vw,58px)/1 "Permanent Marker";margin:45px 0 10px}.s1{align-self:start}.s2{transform:rotate(-2deg)}.s2 p{font-family:"Anton";font-size:clamp(45px,5vw,82px)}.s2 p i{font-family:"Permanent Marker";font-style:normal}.s3{align-self:end}
.about .portrait{background-position:25% 35%}.aboutshade{background:linear-gradient(90deg,rgba(0,0,0,.15) 0 37%,rgba(0,0,0,.78) 58%,#050505 100%)}.about-card{position:absolute;z-index:3;right:5vw;top:50%;transform:translateY(-50%);width:52%;padding:35px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.22);backdrop-filter:blur(3px)}.about-head{display:flex;align-items:center;gap:18px;font:10px "DM Mono"}.about-head i{height:1px;flex:1;background:#aaa}.about-card h2{font-size:clamp(55px,6vw,105px)}.about-card p{font-size:14px;line-height:1.75;max-width:620px}.facts{display:flex;gap:30px;margin-top:35px;padding-top:15px;border-top:1px solid var(--line);font:9px "DM Mono";color:#888}
.contact-copy{position:absolute;left:8vw;top:50%;transform:translateY(-50%)}.contact h2{font-size:clamp(100px,13vw,220px);margin:25px 0}.contact-copy>a{font-size:clamp(18px,2vw,32px);border-bottom:1px solid #777;padding-bottom:8px}.contact footer{position:absolute;left:6vw;right:5vw;bottom:35px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font:9px "DM Mono";color:#777}
.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.on{opacity:1;transform:none}.manifesto-box.reveal.on,.about-card.reveal.on,.contact-copy.reveal.on{transform:translateY(-50%)}
dialog{width:min(700px,90vw);background:#0a0a0a;color:#eee;border:1px solid #777;padding:60px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.86)}dialog .close{position:absolute;right:20px;top:12px;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}dialog h2{font:60px "Anton";margin:30px 0}.copy{font-size:18px;line-height:1.8;color:#bbb}
@media(max-width:850px){:root{--rail:0px}.rail{width:100%;transform:translateX(-105%);transition:.35s;padding:80px 35px 30px}.rail.open{transform:none}.rail nav{gap:17px}.mobile-menu{display:block;position:fixed;z-index:70;top:18px;right:18px;background:#050505;color:#fff;border:1px solid #777;padding:10px 12px;font:9px "DM Mono"}.panel{padding:70px 22px}.section-label{left:22px;top:70px}.hero-title{left:22px;top:48%}.hero h1{font-size:20vw}.hero h1 span:last-child{margin-left:0}.hero blockquote{left:22px;right:auto;bottom:9%;font-size:16px}.topline{margin-top:10px}.manifesto-box{left:22px;width:calc(100% - 44px);padding:25px}.manifesto-box h2{font-size:16vw}.vertical{display:none}.section-title{position:relative;left:auto;top:auto;margin-top:100px}.section-title h2{font-size:18vw}.word-list{position:relative;right:auto;top:auto;width:100%;margin-top:65px}.word-list button{grid-template-columns:35px 1fr 65px 20px}.annotation{display:none}.art{min-height:150vh}.works{position:relative;left:auto;right:auto;top:auto;margin-top:65px;grid-template-columns:1fr 1fr}.works article:nth-child(3){margin-top:0}.works article:nth-child(2){margin-top:70px}.sound-wrap{grid-template-columns:1fr;padding-top:100px}.disc{width:78vw}.scraps{inset:16% 22px 5%;grid-template-columns:1fr;gap:15px}.scrap p{margin-top:20px}.s1,.s3{align-self:auto}.about .portrait{background-position:42% center}.aboutshade{background:linear-gradient(0deg,#050505 0 38%,rgba(0,0,0,.2) 75%)}.about-card{left:22px;right:22px;top:auto;bottom:45px;width:auto;transform:none}.about-card.reveal.on{transform:none}.about-card h2{font-size:14vw}.contact-copy{left:22px}.contact h2{font-size:24vw}.contact footer{left:22px;right:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}