[data-studio-wrap]:has([data-work-index]){width:100%}:is([data-studio-wrap]:has([data-work-index])>header,[data-studio-wrap]:has([data-work-index])>footer){width:min(1280px,100% - 96px);margin-inline:auto}[data-studio-wrap]:has([data-work-index])>header{background:var(--color-bone);border-bottom:0;position:fixed;top:0;left:50%;transform:translate(-50%)}.ZXO4na_page{isolation:isolate;position:relative}.ZXO4na_hero{height:200svh;position:relative}.ZXO4na_heroFrame{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.ZXO4na_heroCopy{text-align:center;z-index:2;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.ZXO4na_mark{width:20vw;max-width:320px;height:20vw;max-height:320px;color:var(--color-cobalt);opacity:.5;transform-style:preserve-3d;position:relative}.ZXO4na_mark svg{fill:#0000;stroke:currentColor;stroke-width:.8px;width:100%;height:100%}.ZXO4na_scanned{clip-path:inset(calc((1 - var(--scan,0))*100%) 0 0);position:absolute;inset:0}.ZXO4na_scanned svg{fill:currentColor;stroke:none}.ZXO4na_mark .mark-column{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.16,1,.3,1) both ZXO4na_columnIn}.ZXO4na_mark .mark-arch{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.16,1,.3,1) .2s both ZXO4na_archIn}.ZXO4na_mark .mark-grid{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.16,1,.3,1) .4s both ZXO4na_gridIn}.ZXO4na_heroCopy h1{letter-spacing:-.055em;margin:0 0 1.5vw;font-size:6.25vw;font-weight:500;line-height:.9}.ZXO4na_heroCopy h1>span{animation:.7s cubic-bezier(.16,1,.3,1) both ZXO4na_letterIn;display:inline-block}.ZXO4na_heroCopy p{color:var(--color-grey-600);max-width:46ch;margin:0;font-size:clamp(16px,1.125vw,20px);line-height:1.25;animation:.8s cubic-bezier(.16,1,.3,1) .5s both ZXO4na_letterIn}.ZXO4na_scrollCue{z-index:4;width:44px;height:44px;color:var(--color-grey-600);place-items:center;text-decoration:none;display:grid;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.ZXO4na_scrollCue>span{border:1px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;display:grid}.ZXO4na_thumbnails{z-index:1;pointer-events:none;position:absolute;inset:0}.ZXO4na_thumbnail{opacity:0;pointer-events:none;transform-origin:50%;will-change:transform,opacity;border-radius:8px;width:170px;height:114px;position:absolute;top:0;left:0;overflow:hidden}.ZXO4na_thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.ZXO4na_projects{z-index:1;flex-direction:column;gap:80px;padding:72px 0 80px;scroll-margin-top:112px;display:flex;position:relative}.ZXO4na_project{z-index:1;width:41%;margin-left:4%;margin-right:auto;position:relative}.ZXO4na_project1{width:36%;margin-left:auto;margin-right:4%}.ZXO4na_project2{width:41%;margin-left:4%}.ZXO4na_capture{aspect-ratio:812/568;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ZXO4na_capture img{object-fit:contain;width:100%;height:100%;display:block}.ZXO4na_name{justify-content:space-between;align-items:baseline;gap:16px;margin-top:24px;display:flex}.ZXO4na_name h2{letter-spacing:-.04em;font-size:clamp(28px,2.25vw,38px);font-weight:500;line-height:1}.ZXO4na_name>span{color:var(--color-grey-600);font-size:13px}.ZXO4na_projectCopy{grid-template-columns:7fr 5fr;align-items:start;gap:36px;margin-top:16px;display:grid}.ZXO4na_projectCopy p{color:var(--color-grey-600);max-width:32ch;font-size:16px;line-height:1.5}.ZXO4na_explore{white-space:nowrap;text-transform:uppercase;border-bottom:1px solid var(--color-cobalt);justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:13px;text-decoration:none;display:flex;position:relative;overflow:hidden}.ZXO4na_explore>span{transition:transform .25s cubic-bezier(.16,1,.3,1)}.ZXO4na_status{color:var(--color-grey-600);margin-top:16px;font-size:13px;line-height:1.6}.ZXO4na_contact{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:40px;max-width:100%;padding:100px 4% 128px;display:flex;position:relative}.ZXO4na_contact p{letter-spacing:-.025em;max-width:48ch;font-size:clamp(20px,2.25vw,32px);line-height:1.3}.ZXO4na_contact a{border:1px solid var(--color-ink);border-radius:48px;align-items:center;gap:64px;min-height:56px;padding:16px 32px;font-size:24px;text-decoration:none;display:inline-flex}.ZXO4na_contact a:active,.ZXO4na_explore:active{transform:scale(.97)}@keyframes ZXO4na_letterIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes ZXO4na_columnIn{0%{opacity:0;transform:translate(-120px)rotateY(-60deg)rotate(28deg)scale(1.5)}to{opacity:1;transform:none}}@keyframes ZXO4na_archIn{0%{opacity:0;transform:translate(120px)rotateY(60deg)rotate(-32deg)scale(1.5)}to{opacity:1;transform:none}}@keyframes ZXO4na_gridIn{0%{opacity:0;transform:translateY(80px)rotateX(-50deg)rotate(-24deg)scale(1.5)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.ZXO4na_explore:hover>span{transform:translate(3px,-3px)}}@media (max-width:1100px){:is([data-studio-wrap]:has([data-work-index])>header,[data-studio-wrap]:has([data-work-index])>footer){width:calc(100% - 64px)}.ZXO4na_project{width:58%}.ZXO4na_project1{width:54%}.ZXO4na_project2{width:60%;margin-left:12%}.ZXO4na_mark{width:250px;height:250px}.ZXO4na_projectCopy{gap:24px}}@media (max-width:767px){:is([data-studio-wrap]:has([data-work-index])>header,[data-studio-wrap]:has([data-work-index])>footer){width:calc(100% - 40px)}.ZXO4na_mark{width:250px;height:250px}.ZXO4na_heroCopy h1{margin-bottom:18px;font-size:11.73vw;line-height:.9333}.ZXO4na_heroCopy p{max-width:330px;padding:0 12px;font-size:16px}.ZXO4na_projects{gap:48px;padding:40px 0}.ZXO4na_project,.ZXO4na_project1,.ZXO4na_project2{width:90%;margin-inline:5%}.ZXO4na_name{gap:12px;margin-top:20px}.ZXO4na_name h2{font-size:30px}.ZXO4na_projectCopy{grid-template-columns:1fr;gap:16px}.ZXO4na_explore{width:190px}.ZXO4na_status{margin-top:12px}.ZXO4na_contact{gap:32px;padding:64px 5%}.ZXO4na_contact a{font-size:22px}.ZXO4na_contact p{max-width:28ch;font-size:22px}.ZXO4na_scrollCue{bottom:36px}}@media (prefers-reduced-motion:reduce){.ZXO4na_hero{height:100svh;min-height:640px}.ZXO4na_heroFrame{min-height:640px;position:relative}.ZXO4na_thumbnail{will-change:auto;display:none}.ZXO4na_mark,.ZXO4na_mark *,.ZXO4na_heroCopy h1>span,.ZXO4na_heroCopy p{animation:none!important;transform:none!important}.ZXO4na_project{opacity:1!important}.ZXO4na_explore>span{transition:none}.ZXO4na_scanned{display:none}.ZXO4na_explore:active,.ZXO4na_contact a:active{transform:none!important}}
.uJbzVW_room{z-index:-1;pointer-events:none;background:var(--color-bone);position:fixed;inset:0;overflow:hidden}.uJbzVW_room canvas{width:100%;height:100%;display:block}@media (prefers-reduced-transparency:reduce){.uJbzVW_room>div{display:none}}
