@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Microsoft YaHei,sans-serif;color:#fff;background:#105a98;font-synthesis:none;--court:#105a98;--lime:#e2f28a;--paper:#f4f5e9}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}html,body,#root{margin:0;width:100%;min-height:100%}body{overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:disabled{cursor:default;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.experience{width:100%;height:100svh;min-height:440px;position:relative;isolation:isolate;background:#0775ff;overflow:hidden}.world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:default;opacity:0;transition:opacity 1s}.is-ready .world{opacity:1}.is-sky{color:#102c37}.is-closeup .world{cursor:grab}.is-closeup .world:active{cursor:grabbing}.masthead{position:absolute;top:0;left:0;z-index:2;padding:30px 42px;text-shadow:0 1px 12px #15365340}.masthead h1{font:inherit;margin:0}.wordmark{font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1.1px;text-decoration:none;line-height:1.3}.scroll-cue{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff50;border-radius:50%;color:#fff;background:#07253824;transition:background .2s}.scroll-cue:hover{background:#07253865}.scroll-cue svg{width:19px;height:19px;stroke-width:1.5}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.loading>span:first-child{width:18px;height:18px;border:1px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.error-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:#092a40}.error-state p{font-size:15px;line-height:1.7}.error-state button{display:flex;gap:10px;align-items:center;padding:10px 18px;border:1px solid #ffffff44;border-radius:4px;background:none}.works{background-color:var(--court);background-image:linear-gradient(#0c5894ed,#0e548eef),url(/assets/court-blue-albedo-C4RWOR7O.webp);background-size:auto,460px;padding:88px 64px 100px;scroll-margin-top:0;position:relative;border-top:1px solid #ffffff40}.works-inner{max-width:1320px;margin:0 auto;border-left:1px solid #ffffff38;border-right:1px solid #ffffff38;padding:0 32px}.works-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 30px;border-bottom:1px solid #ffffff85;margin-bottom:36px}.works-heading h2{font-size:clamp(38px,4.5vw,66px);line-height:1.1;font-weight:500;letter-spacing:-2px;margin:0;display:flex;align-items:center;gap:19px}.works-heading-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);display:inline-block;margin-top:9px}.work-count{font:500 14px Manrope,sans-serif;letter-spacing:.08em;line-height:2;color:#d2e4ee}.work-card{display:grid;grid-template-columns:1.05fr 1fr;margin:0;background:var(--paper);color:#122c33;overflow:hidden;border:1px solid #fff8}.work-image{min-width:0;overflow:hidden;aspect-ratio:1;background:#fff}.work-image img{display:block;width:100%;height:100%;object-fit:contain}.work-info{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:42px 46px 30px;min-width:0;position:relative}.work-category{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #c6d1a1;border-radius:24px;font-size:12px;line-height:1.5;background:#e4edc1}.work-category svg{stroke-width:1.5}.work-title-group{padding:46px 0 56px}.work-title-group h3{font-size:clamp(36px,4.4vw,64px);letter-spacing:-2px;line-height:1.25;font-weight:600;margin:0 0 22px;white-space:nowrap}.work-title-group p{margin:0;font-size:clamp(17px,1.7vw,23px);font-weight:400;letter-spacing:.04em;color:#47615d}.work-byline{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:22px;border-top:1px solid #bac6b5;font-family:Manrope,sans-serif}.work-byline span:first-child{font-size:15px;font-weight:800;letter-spacing:-.6px}.work-byline span:last-child{font-size:10px;letter-spacing:.08em;color:#63766b;font-variant-numeric:tabular-nums}.site-footer{padding:29px 24px 34px;text-align:center;background:#0a3555;border-top:1px solid #ffffff25;font-size:12px;line-height:1.8;color:#d1dfe5}.site-footer a{text-decoration:none;display:inline-block;padding:8px 0}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.masthead{padding:38px 58px}.wordmark{font-size:30px}.works{padding-top:110px;padding-bottom:120px}}@media(max-width:900px){.works{padding:64px 32px 72px}.works-inner{padding:0 22px}.work-info{padding:28px 26px 24px}.work-title-group h3{font-size:38px}.work-title-group{padding:40px 0}.work-category{font-size:11px;padding:8px 12px}}@media(max-width:600px){.masthead{padding:22px 24px}.wordmark{font-size:24px;letter-spacing:-1px}.works{padding:52px 20px 58px}.works-inner{padding:0 14px}.works-heading{padding-bottom:22px;margin-bottom:24px}.works-heading h2{font-size:38px;letter-spacing:-1px;gap:14px}.works-heading-dot{width:8px;height:8px}.work-count{font-size:12px}.work-card{grid-template-columns:1fr}.work-image{aspect-ratio:1.12}.work-info{padding:26px 25px 24px;min-height:300px}.work-title-group{padding:36px 0 42px}.work-title-group h3{font-size:38px;margin-bottom:16px;letter-spacing:-1px}.work-title-group p{font-size:18px}.work-byline{padding-top:19px}.site-footer{padding:23px 20px 27px;font-size:11px}}@media(max-width:360px){.works{padding-left:14px;padding-right:14px}.works-inner{padding:0 10px}.work-info{padding-left:22px;padding-right:22px}.work-title-group h3{font-size:34px}.wordmark{font-size:22px}}@media(max-height:520px){.experience{min-height:320px}.masthead{padding:18px 24px}.scroll-cue{bottom:9px;width:38px;height:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}