*{box-sizing:border-box}html{background:#0b0b0b}html,body,#root{min-width:100%;min-height:100%;margin:0}body{color:#f3f3f3;background:#0b0b0b;font-family:Arial,Helvetica,sans-serif}.site{min-height:100vh}.header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:32px 48px;display:flex}.header a{color:#fff;letter-spacing:.16em;font-size:.75rem;text-decoration:none;transition:color .2s}.header-home{font-weight:400}.header-nav{gap:32px;display:flex}.header a:hover{color:#aaa}.hero{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:calc(90vh - 80px);padding:48px;display:flex}.hero h1{letter-spacing:-.06em;max-width:1400px;margin:20px 0;font-size:clamp(4rem,9vw,10rem);font-weight:500;line-height:.9}.eyebrow{letter-spacing:.16em;margin:0;font-size:.75rem}.intro{color:#aaa;max-width:650px;margin:12px 0 0;font-size:1.2rem;line-height:1.5}.project{width:100%;padding:0 0 140px}.project-media{object-fit:cover;object-position:center;width:100%;height:clamp(340px,42vw,650px);display:block}.animation-media{height:clamp(420px,48vw,760px)}.project-meta{justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 48px 0;display:flex}.project-meta h2,.project-meta p{margin:0}.project-meta h2{font-size:1rem;font-weight:500}.project-meta p{color:#888;font-size:.9rem}.profile-page{box-sizing:border-box;flex-direction:column;min-height:calc(100vh - 80px);padding:80px 48px 50px;display:flex}.profile-grid{grid-template-columns:repeat(3,1fr);gap:70px clamp(50px,8vw,160px);width:100%;max-width:1500px;margin-top:70px;display:grid}.profile-item{border-top:1px solid #333;padding-top:18px}.profile-item h2{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(1.6rem,2vw,2.3rem);font-weight:400;line-height:1}.profile-item p{color:#888;margin:0;font-size:.9rem;line-height:1.6}.profile-footer{letter-spacing:.12em;border-top:1px solid #222;justify-content:space-between;align-items:flex-end;width:100%;margin-top:auto;padding-top:40px;font-size:.7rem;display:flex}.profile-footer p{margin:0}.contact-page{box-sizing:border-box;flex-direction:column;min-height:calc(100vh - 80px);padding:80px 48px 50px;display:flex}.contact-main{margin-top:auto;margin-bottom:auto}.contact-label{letter-spacing:.16em;color:#888;margin:0 0 18px;font-size:.7rem}.contact-email{color:#fff;letter-spacing:-.055em;align-items:flex-start;gap:14px;max-width:100%;font-size:clamp(3rem,5.2vw,6rem);font-weight:400;line-height:.95;text-decoration:none;transition:color .2s;display:inline-flex}.contact-email:hover{color:#aaa}.contact-arrow{letter-spacing:0;margin-top:.08em;font-size:.42em}.contact-details{border-top:1px solid #222;grid-template-columns:repeat(3,1fr);gap:60px;width:100%;padding-top:24px;display:grid}.contact-detail p{color:#aaa;margin:0;font-size:.9rem;line-height:1.5}.contact-detail .contact-label{letter-spacing:.16em;color:#fff;margin-bottom:10px;font-size:.7rem;line-height:1}.contact-phone{color:#fff;font-size:.9rem;font-weight:500;line-height:1.5;text-decoration:none;transition:color .2s}.contact-phone:visited{color:#fff}.contact-phone:hover{color:#aaa}@media (width<=1000px){.profile-grid{grid-template-columns:repeat(2,1fr);gap:60px}.contact-details{gap:40px}}@media (width<=700px){.header{padding:24px}.header-nav{gap:18px}.header a{font-size:.65rem}.hero{min-height:calc(80vh - 70px);padding:24px}.hero h1{font-size:clamp(3.3rem,15vw,6rem)}.intro{font-size:1rem}.project{padding-bottom:100px}.project-media{height:55vw;min-height:260px}.animation-media{height:65vw;min-height:300px}.project-meta{flex-direction:column;gap:6px;padding:16px 24px 0}.profile-page{min-height:calc(100vh - 70px);padding:60px 24px 40px}.profile-grid{grid-template-columns:1fr;row-gap:45px;margin-top:50px}.profile-item{padding-top:14px}.profile-item h2{margin-bottom:14px;font-size:1.8rem}.profile-item p{font-size:.9rem}.profile-footer{flex-direction:column;align-items:flex-start;gap:12px;margin-top:80px;padding-top:24px}.contact-page{min-height:calc(100vh - 70px);padding:60px 24px 40px}.contact-email{overflow-wrap:anywhere;word-break:break-word;gap:8px;font-size:clamp(2.1rem,9vw,3.8rem)}.contact-details{grid-template-columns:1fr;gap:28px;padding-top:24px}}