*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#3a8aaa;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,sans-serif;font-weight:300;line-height:1.6}a{color:#3a8aaa;text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}a:hover{opacity:.7}.hero{flex-direction:column;min-height:100vh;padding:8vh 8vw 4vh;display:flex;position:relative}.hero-top{width:100%;max-width:1100px;margin:0 auto;position:relative}.hero-title{color:#3a8aaa;text-align:center;margin-bottom:.6rem;font-family:Playfair Display,serif;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:400;line-height:1.05}.hero-subtitle{color:#3a8aaa;white-space:nowrap;font-size:clamp(1.3rem,2.8vw,2.6rem);font-weight:300;line-height:1.3;position:absolute;top:22%;left:58%}.hero-headshot{z-index:1;width:clamp(200px,26vw,340px);position:absolute;bottom:9px;left:0}.hero-headshot img{width:100%;height:auto;display:block}.hero-bio{width:100%;margin-top:auto;margin-bottom:2.5rem;padding-left:calc(clamp(200px,26vw,340px) + 3rem)}.hero-bio p{color:#3a8aaa;white-space:nowrap;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:300;line-height:1.5}.scroll-hint{text-align:center;color:#3a8aaa;opacity:.7;width:100%;font-size:1rem;font-weight:300}.work{max-width:1200px;margin:0 auto;padding:8rem 6vw}.project{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:10rem;display:grid}.project:last-child{margin-bottom:0}.project-media{justify-content:center;display:flex}.video-frame{aspect-ratio:16/9;width:100%;max-width:480px;position:relative;overflow:hidden}.video-frame iframe{z-index:2;border:none;width:90%;height:84%;position:absolute;top:8%;left:5%}.video-frame .video-border{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.project-text h2{color:#3a8aaa;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.35}.project-text p{color:#3a8aaa;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:300;line-height:1.6}.project-right{direction:rtl}.project-right>*{direction:ltr}.footer{text-align:center;color:#3a8aaa;border-top:1px solid #3a8aaa26;padding:4rem 6vw;font-size:.95rem;font-weight:300}@media (width<=768px){.hero{min-height:auto;padding:5vh 5vw 4vh}.hero-subtitle{text-align:center;white-space:normal;margin:1.5rem auto 0;font-size:clamp(1.1rem,1.8vw,1.5rem);position:relative;top:auto;left:auto}.hero-headshot{margin:2rem auto 0;position:relative;bottom:auto;left:auto}.hero-bio{text-align:center;margin-top:1.5rem;margin-bottom:0;padding-left:0}.hero-bio p{white-space:normal}.project{grid-template-columns:1fr;gap:2.5rem;margin-bottom:6rem}.project-right .project-media{order:-1}.video-frame{max-width:100%}.work{padding:4rem 5vw}}