*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:180px}body{margin:0;background:#fff;color:#090909;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #bd00e5;outline-offset:7px}.navigation{position:absolute;z-index:5;top:42px;right:5%;display:flex;gap:48px;font-size:13px;letter-spacing:.05em}.navigation a:hover,footer a:hover{text-decoration:underline}.identity{position:fixed;z-index:10;left:50%;top:calc(50svh - 210px);width:340px;transform:translateX(-50%);transition:top .55s,left .55s,width .55s,transform .55s}.logo{position:relative;width:100%;aspect-ratio:1}.logo img,.logo video{position:absolute;width:100%;height:100%;object-fit:contain}.logo video{opacity:0}.logo video.ready{opacity:1}.name{display:none;font-size:21px;font-weight:600;text-align:center;margin-top:8px}.name span{font-size:16px;font-weight:400;margin-left:8px}.hero{height:100svh;min-height:640px;position:relative}.hero-caption{position:absolute;top:calc(50% + 142px);left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.hero-caption h1{font-size:32px;letter-spacing:.24em;font-weight:400;margin:0 0 18px}.hero-caption h1 span{font-size:23px;letter-spacing:.12em;margin-left:15px}.hero-caption>a{font-size:15px}.scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.13em}.scrolled .identity,.detail-view .identity{left:4.5%;top:25px;width:105px;transform:none}.scrolled .name,.detail-view .name{display:block}.scrolled .navigation,.detail-view .navigation{position:fixed;top:0;right:0;left:0;height:160px;justify-content:flex-end;align-items:flex-start;padding:44px 5%;background:#fff;border-bottom:1px solid #eee}.projects{padding:0 6%}.projects section{padding:78px 0 110px;border-top:1px solid #ddd}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:65px}.section-heading h2{font-size:clamp(36px,5.2vw,76px);font-weight:500;letter-spacing:-.045em;margin:0}.section-heading>span{font-size:11px;color:#666;letter-spacing:.07em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5%}.project{display:block;text-align:center}.project img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;transition:transform .3s}.project:hover img{transform:translateY(-8px)}.project h3{font-size:20px;font-weight:400;margin:26px 0 8px}.project p{margin:0;font-size:13px;color:#6b6b6b}footer{border-top:1px solid #ddd;padding:34px 0 40px;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer p{font-size:15px}#detail{padding:205px 8% 70px;min-height:100vh}.back{font-size:12px;letter-spacing:.06em}.detail-content{margin:65px auto 0;max-width:900px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.detail-content img{width:100%;border-radius:50%}.detail-content h1{font-size:clamp(38px,5vw,65px);font-weight:500;letter-spacing:-.04em;margin:0 0 14px}.detail-content p{font-size:14px;line-height:1.8}.pending{margin-top:45px;color:#777}.detail-contact{display:inline-block;margin-top:22px;font-size:13px;border-bottom:1px solid;padding-bottom:5px}[hidden]{display:none!important}@media(min-width:1500px){.projects{max-width:1700px;margin:auto}}@media(max-width:650px){.navigation{top:26px;gap:24px;font-size:10px}.identity{width:275px;top:calc(50svh - 180px)}.hero-caption{top:calc(50% + 110px)}.hero-caption h1{font-size:25px}.hero-caption h1 span{font-size:19px}.hero{min-height:560px}.scrolled .identity,.detail-view .identity{width:72px;top:14px;left:6%}.name{font-size:14px;margin-top:3px}.name span{display:block;font-size:11px;margin:4px 0 0}.scrolled .navigation,.detail-view .navigation{height:130px;padding:30px 6%}.projects{padding:0 7%}.projects section{padding:55px 0 65px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:36px}.grid{grid-template-columns:1fr;gap:45px;max-width:360px;margin:auto}.project h3{margin-top:20px}.project img{max-width:310px}footer{align-items:flex-start;gap:20px;flex-direction:column}footer p{margin:0}.detail-content{grid-template-columns:1fr;gap:30px;margin-top:40px}.detail-content img{max-width:310px;margin:auto}#detail{padding:170px 7% 50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}