:root{--black:#080808;--white:#f5f4f1;--copper:#bb7a51;--muted:#b1adaa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.fixed-background{position:fixed;inset:0;z-index:-1;background:#080808 url('assets/background.png') center center/cover no-repeat;pointer-events:none}.fixed-background:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}.site-header{position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;padding:30px clamp(24px,5vw,82px);background:linear-gradient(#080808b8,transparent)}.monogram{color:var(--copper);font-family:Arial,Helvetica,sans-serif;font-size:39px;line-height:.8;position:relative;width:48px;height:55px}.monogram span:last-child{position:absolute;top:15px;left:10px;font-size:32px}.site-header nav{display:flex;gap:clamp(16px,3vw,55px)}.site-header nav a{font-size:11px;letter-spacing:.32em;padding:10px 0 13px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.site-header nav a:hover,.site-header nav a.active{color:var(--copper);border-color:var(--copper)}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:140px clamp(24px,9vw,155px) 100px;overflow:hidden}.hero-copy{position:relative;z-index:2;width:53%;pointer-events:none}.hero h1{font-size:clamp(54px,6.3vw,110px);line-height:1.08;font-weight:300;letter-spacing:.16em;margin:0}.hero h1 span{display:block}.copper-rule{height:2px;width:64px;background:var(--copper);margin:30px 0}.hero-copy p{font-size:clamp(10px,.9vw,14px);letter-spacing:.3em;line-height:2.4}.hero-copy b{color:var(--copper);padding:0 8px}.hero-photo{position:absolute;right:0;bottom:0;width:59%;height:94%;background:url('assets/performance.jpg') center 39%/cover no-repeat;filter:grayscale(1) contrast(1.13);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to top,transparent 0%,#000 22%);mask-image:linear-gradient(to right,transparent 0%,#000 25%);opacity:var(--hero-opacity,1);transform:translateY(var(--hero-shift,0px));will-change:transform,opacity}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0808088c 0%,transparent 70%);pointer-events:none}.scroll-cue{position:absolute;bottom:32px;left:clamp(24px,9vw,155px);z-index:3;font-size:10px;letter-spacing:.26em;color:var(--muted)}.scroll-cue span{color:var(--copper);margin-left:10px}.bio-section{min-height:115svh;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:140px clamp(24px,9vw,155px);overflow:hidden}.bio-photo{position:absolute;left:0;top:0;width:62%;height:100%;background:url('assets/workshop.jpg') center center/cover no-repeat;filter:grayscale(1) contrast(1.1);mask-image:linear-gradient(to right,#000 0%,#000 52%,transparent 95%);opacity:var(--bio-opacity,1);transform:translateY(var(--bio-shift,0px));will-change:transform,opacity}.section-copy{position:relative;z-index:2;max-width:780px}.bio-copy{width:45%;max-width:510px}.eyebrow{font-size:11px;letter-spacing:.3em;color:var(--copper);margin-bottom:35px}.section-copy h2{font-size:clamp(42px,5.5vw,82px);line-height:1.12;font-weight:300;letter-spacing:.02em;margin:0 0 35px}.section-copy h2 em{font-family:Georgia,serif;font-weight:400}.section-copy p{font-size:clamp(15px,1.25vw,19px);line-height:1.85;color:#d4d0cc;font-weight:300}.content-section{min-height:95svh;display:flex;align-items:center;padding:140px clamp(24px,13vw,210px);background:linear-gradient(90deg,#080808b3,#0808087a)}.project-list{margin-top:55px;width:min(75vw,800px)}.project-list article{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:20px;border-top:1px solid #ffffff42;padding:27px 0}.project-list article:last-child{border-bottom:1px solid #ffffff42}.project-list article>span{font-size:11px;color:var(--copper)}.project-list h3{font-size:clamp(22px,2.5vw,35px);font-weight:300;margin:0}.project-list p{font-size:12px;letter-spacing:.08em;color:var(--muted);margin:10px 0 0}.contact-section{min-height:80svh}.contact-link{display:inline-flex;gap:20px;border-bottom:1px solid var(--copper);padding:15px 0;font-size:clamp(20px,3vw,36px);overflow-wrap:anywhere}.contact-link span{color:var(--copper)}.note{font-size:12px!important;color:#999!important}footer{padding:35px clamp(24px,5vw,82px);border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;color:#999;font-size:10px;letter-spacing:.2em}@media(max-width:760px){.site-header{padding:24px}.site-header nav{gap:17px}.site-header nav a{font-size:9px;letter-spacing:.13em}.hero{align-items:flex-start;padding:170px 24px 80px;min-height:100svh}.hero-copy{width:100%}.hero h1{font-size:clamp(43px,11vw,75px)}.hero-copy p{font-size:10px;letter-spacing:.13em}.hero-photo{width:100%;height:76%;background-position:center 40%;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 72%,transparent 100%);opacity:calc(var(--hero-opacity,1)*.75)}.hero:after{background:linear-gradient(to bottom,#080808a6 0%,transparent 55%)}.scroll-cue{left:24px}.bio-section{min-height:120svh;align-items:flex-end;padding:100px 24px 80px}.bio-photo{width:100%;height:75%;top:0;background-position:center 40%;mask-image:linear-gradient(to bottom,#000 0%,#000 48%,transparent 100%)}.bio-copy{width:100%;background:linear-gradient(transparent,#080808ba 25%,#080808d9);padding:55px 0 0}.content-section{padding:110px 24px;min-height:75svh}.project-list{width:100%}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo,.bio-photo{transform:none!important;opacity:1!important}}