@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:DM Sans,Arial,Malgun Gothic,sans-serif;color:#171717;background:#fff;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #315bff;outline-offset:7px}::selection{background:#315bff;color:#fff}header{height:92px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3d3cd;position:relative;z-index:5}.brand{font-size:27px;font-weight:700;letter-spacing:-2px}nav{display:flex;gap:38px;font-size:14px}nav a:hover,nav a[aria-current],.back:hover{color:#315bff}.mono,.eyebrow,.node-number,.node-preview,.placeholder span,.placeholder small,dt{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.07em}main{transition:opacity .45s}main:focus{outline:none}main.leaving{opacity:0;filter:none}.home{height:calc(100svh - 92px);min-height:620px;position:relative;overflow:hidden}.eyebrow{position:absolute;top:25px;left:4%;right:4%;display:flex;justify-content:space-between;color:#686863;z-index:2}#map{position:absolute;top:15px;right:0;bottom:100px;left:0;touch-action:none;cursor:grab}#map:active{cursor:grabbing}canvas{display:block}.name-label,.node-label{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.name-label{pointer-events:none;background:radial-gradient(ellipse,#fff 50%,#fffe 65%,#fff0 72%);padding:32px 24px;line-height:1}.name-label h1{font-size:1em;letter-spacing:-.075em;line-height:1.05;margin:14px 0 10px;font-weight:500}.name-label p{font-size:.17em;letter-spacing:0;color:#6d6d66;margin:0}.name-label>.mono{font-size:.13em;letter-spacing:.13em}.node-label{padding:35px 12px 12px;min-width:64px;min-height:64px;line-height:1.3;cursor:pointer;transform:translate(-50%);margin-top:12px}.node-label strong{font-size:1em;font-weight:600;letter-spacing:-.04em;background:#fffd;padding:3px 5px}.node-number{display:block;position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:.53em;color:#656560}.arrow{font-weight:400}.node-label.active strong,.node-label.selected strong,.node-label:focus-visible strong{color:#315bff}.node-description{display:block;font-size:.55em;margin-top:8px;opacity:var(--detail,0);background:#ffffffe8;white-space:normal;max-width:20em}.node-preview{display:block;font-size:.43em;opacity:var(--preview,0);margin-top:9px;color:#315bff}.home-bottom{position:absolute;bottom:58px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.home-bottom p{font-size:14px;color:#5c5c56;margin:12px 0 0}.controls{text-align:right;pointer-events:auto}.controls button{background:transparent;border:1px solid #999a92;border-radius:30px;padding:12px 20px;margin-left:16px;cursor:pointer;font-size:12px}.controls button:hover{background:#171717;color:#fff}.controls p{font-size:11px}.map-status{position:absolute;bottom:20px;left:4%;color:#77776f;font-size:9px}.map-status span{padding:0 12px}.skip{position:fixed;top:-100px;z-index:20;padding:12px;background:#fff}.skip:focus{top:10px}.page{padding:38px 8% 0}.back{font-size:12px}.page-heading{margin:70px 0 60px}.page-heading h1{font-size:clamp(70px,10vw,150px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:25px 0}.page-heading p{max-width:540px;font-size:15px;line-height:1.8;color:#64645e}.count{font-size:20px;vertical-align:top;letter-spacing:-.04em;margin-left:18px;display:inline-block;padding-top:15px}.work-row{display:grid;grid-template-columns:150px 30px 1fr 120px 30px;gap:25px;align-items:center;padding:25px 0;border-top:1px solid #c5c5bd}.work-row h2{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0 0 10px}.work-row p{font-size:12px;color:#686862;margin:0}.work-row:hover h2,.work-row:hover .work-arrow{color:#315bff}.work-arrow{font-size:30px}.placeholder{height:480px;background:#e7e7e0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#72736a;position:relative;border:1px solid #d6d6cd}.placeholder:before,.placeholder:after{content:"";position:absolute;width:35%;height:1px;background:#c9cac0;transform:rotate(30deg)}.placeholder:after{transform:rotate(-30deg)}.placeholder span,.placeholder small{z-index:1;background:#e7e7e0;padding:5px}.placeholder .image-mark{font-size:44px;background:transparent}.placeholder.small{height:100px;gap:0}.placeholder.small .image-mark,.placeholder.small small{display:none}.placeholder.small span{font-size:7px}.work-row img{width:150px;height:100px;object-fit:cover}.project-detail{padding-top:85px;margin-top:75px;border-top:1px solid #bdbdb5;scroll-margin-top:20px}.detail-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.project-detail h2{font-size:clamp(36px,5vw,72px);font-weight:500;letter-spacing:-.05em;margin:40px 0 20px}.lead{font-size:20px;line-height:1.8;color:#52524e;max-width:650px}.project-detail>.placeholder,.project-detail>img{margin-top:40px;width:100%;object-fit:cover}dl{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;border-bottom:1px solid #c5c5bd}dt{color:#73736c}dd{margin:12px 0;font-size:14px}.detail-copy{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding:40px 0}.detail-copy h3,.about-section h3{font-size:13px;font-weight:500}.detail-copy p,.about-section p{font-size:15px;line-height:1.9;margin:8px 0;color:#63635c}.blue{color:#315bff}.about-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:start}.portrait-placeholder{background:#e4e5dd;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px;font:10px monospace;color:#6b6d63}.portrait-placeholder div{font:100px DM Sans,sans-serif;color:#b0b3a4;letter-spacing:-.08em}.about-name{font-size:45px;font-weight:500;letter-spacing:-.06em}.about-section{border-top:1px solid #c5c5bd;margin-top:35px;padding-top:16px}.contact-page .page-heading h1{font-size:clamp(85px,12vw,170px)}.contact-row{border-top:1px solid #c5c5bd;padding:30px 0;display:grid;grid-template-columns:1fr 3fr;align-items:center}.contact-row>span:last-child,.contact-row>a{font-size:clamp(17px,2.2vw,30px)}.contact-row small{font:10px monospace;color:#74756b;margin-left:12px}footer{margin-top:110px;border-top:1px solid #c5c5bd;padding:35px 0;display:flex;justify-content:space-between;font-size:12px}.fallback canvas{display:none}.fallback .name-label{left:50%!important;top:38%!important;font-size:clamp(38px,6vw,80px)!important}.fallback .node-label{top:63%!important;font-size:16px!important}.fallback .node-label[data-node="0"]{left:22%!important}.fallback .node-label[data-node="1"]{left:50%!important}.fallback .node-label[data-node="2"]{left:78%!important}@media(max-width:650px){header{height:74px;margin:0 6%}.brand{font-size:24px}nav{gap:20px;font-size:12px}.home{height:calc(100svh - 74px);min-height:660px}.eyebrow{left:6%;right:6%;font-size:8px}#map{top:40px;right:0;bottom:130px;left:0}.home-bottom{left:6%;right:6%;bottom:62px;align-items:end}.home-bottom>.controls p{max-width:130px;line-height:1.7;margin-left:auto}.home-bottom>div:first-child{max-width:145px}.home-bottom p{font-size:12px;line-height:1.8}.home-bottom .mono{font-size:8px}#zoom-readout{display:none}.controls button{font-size:11px;padding:10px 16px}.map-status{left:6%;font-size:8px}.node-label{padding-top:28px}.name-label{padding:24px 12px}.name-label h1{letter-spacing:-.08em}.name-label p{font-size:.26em}.name-label>.mono{font-size:.16em}.node-description{font-size:.64em;max-width:12em}.node-preview{font-size:.5em}.page{padding:30px 6% 0}.page-heading{margin:55px 0 40px}.page-heading h1{font-size:74px}.page-heading p{font-size:13px}.work-row{grid-template-columns:80px 1fr 20px;gap:15px}.work-row>.mono{display:none}.work-row h2{font-size:19px}.work-row p{font-size:11px;line-height:1.7}.placeholder.small,.work-row img{width:80px;height:80px}.placeholder.small span{font-size:5px}.placeholder{height:280px}.project-detail{padding-top:40px;margin-top:50px}.detail-top{font-size:10px}.detail-top .mono{font-size:8px}.lead{font-size:16px}.detail-copy{grid-template-columns:1fr;gap:8px}.detail-copy p{margin-bottom:25px}.about-layout{grid-template-columns:1fr;gap:35px}.portrait-placeholder{min-height:280px}.contact-row{grid-template-columns:1fr;gap:20px}footer{gap:25px;align-items:center}footer>.mono{font-size:8px}}.node-label{margin-top:-28px;padding-top:69px}.node-number{top:46px}.node-label:before{content:"";position:absolute;left:50%;top:28px;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%}.name-label:after{content:"";position:absolute;width:6px;height:6px;background:#315bff;border-radius:50%;left:50%;bottom:12px}.node-preview{border-top:1px solid #315bff;padding-top:8px}.node-label:focus-visible:before{outline:2px solid #315bff;outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}main.leaving{filter:none}}