@charset "UTF-8";
:root{color-scheme:dark;--bg:#070b10;--ink:#e9f0f5;--muted:#91a2b1;--blue:#22a8df;--line:#23303b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid #54c9fa;outline-offset:6px}
.page-width{width:min(1240px,calc(100% - 88px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:12px;z-index:20;padding:12px 16px;background:#d7f1ff;color:#072032;transform:translateY(-150%);border-radius:4px}
.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:137px;border-bottom:1px solid var(--line)}
.brand{display:block;width:94px;line-height:0;margin-left:-13px;mix-blend-mode:screen}
.brand img{display:block;width:94px;height:auto}
.header-link{display:flex;align-items:center;gap:24px;color:#a0b2c1;font-size:12px;line-height:1.5}
.header-link span{font-size:22px;color:var(--blue)}
.header-link:hover{color:#fff}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:38px 0 38px}
.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.5px;color:#8298aa;margin:0 0 15px}
h1{margin:0;font-size:clamp(54px,6.4vw,85px);font-weight:400;line-height:.97;letter-spacing:-3.7px}
h1>span{color:var(--blue)}
.intro-copy{font-size:13px;line-height:1.8;color:#9eafbc;margin:0 0 3px;max-width:365px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;font-size:9px;line-height:1.5;letter-spacing:1.8px;color:#6f879b}
#projectCount{font-variant-numeric:tabular-nums;white-space:nowrap;color:#8fa8bb}
.project-list{display:grid;gap:46px}
.project-card{min-width:0}
.project-visual{height:clamp(320px,34vw,430px);display:block;position:relative;overflow:hidden;background:#10222d;border:1px solid #2b414e;border-radius:3px}
.project-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03090d5e 0%,transparent 38%,#030a0f1c 65%,#030a0fe8 100%);pointer-events:none}
.project-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s;filter:brightness(.94)}
.project-visual:hover .project-cover{transform:scale(1.025);filter:brightness(1.02)}
.visual-meta,.visual-bottom{position:absolute;left:27px;right:27px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}
.visual-meta{top:24px}
.project-number{font-size:13px;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#e3f2fb}
.project-status{font-size:10px;line-height:1.5;color:#d7e5ed;padding:7px 11px;background:#07131cb0;border:1px solid #7395a64d;border-radius:30px;display:flex;gap:7px;align-items:center;backdrop-filter:blur(8px)}
.project-status i{display:block;width:4px;height:4px;border-radius:50%;background:#48c6ff}
.visual-bottom{bottom:21px}
.project-location{font-size:10px;font-weight:400;letter-spacing:2.6px;line-height:1.6;color:#d3e3ed}
.open-icon{width:42px;height:42px;border:1px solid #7798ac88;display:flex;align-items:center;justify-content:center;font-size:23px;border-radius:50%;color:#d7f1ff;background:#0a223052;transition:background .25s}
.project-visual:hover .open-icon{background:#0f86b7;border-color:#39bef0}
.project-details{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0 0}
.project-format{font-size:8px;letter-spacing:1.65px;color:#7696ab;margin:0 0 12px;line-height:1.5}
.project-format span{color:#405d71;margin:0 8px}
h2{margin:0;font-size:31px;line-height:1.2;font-weight:400;letter-spacing:-.55px}
h2 a:hover{color:#90d9fb}
.project-copy{font-size:12px;line-height:1.7;margin:12px 0 0;color:#8b9fad}
.project-cta{flex-shrink:0;display:flex;align-items:center;gap:38px;border:1px solid #305366;padding:17px 20px;background:#0b1b26;font-size:11px;border-radius:3px;transition:background .2s,border-color .2s}
.project-cta span{font-size:20px;color:#58c7f0;line-height:1}
.project-cta:hover{background:#112c3d;border-color:#4ca6cd}
.site-footer{margin-top:56px;border-top:1px solid var(--line);padding-top:22px;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#576d7f;font-size:9px;line-height:1.6}
.site-footer>span:first-child{letter-spacing:2.3px;color:#8b9daa;font-size:10px}
.site-footer p{margin:0;color:#687f91}
.footer-place{margin-left:auto}
@media(min-width:1600px){.intro{padding-block:50px}.site-header{min-height:150px}.project-visual{height:470px}}
@media(max-width:800px){.page-width{width:calc(100% - 44px)}.site-header{min-height:116px}.brand,.brand img{width:83px}.brand{margin-left:-12px}.header-link{font-size:10px;gap:14px}.intro{padding-top:30px;gap:24px;align-items:flex-start;flex-direction:column}.intro-copy{max-width:none;font-size:12px;line-height:1.7}.eyebrow{font-size:8px;letter-spacing:2px}.project-visual{height:360px}.project-details{align-items:flex-start}.project-cta{padding:15px;gap:18px}h2{font-size:27px}.project-copy{max-width:360px}.site-footer{margin-top:40px}.footer-place{display:none}}
@media(max-width:520px){.page-width{width:calc(100% - 32px)}.site-header{min-height:100px}.brand,.brand img{width:72px}.brand{margin-left:-11px}.header-link{font-size:9px;gap:10px}.header-link span{font-size:19px}.intro{padding:29px 0 31px;gap:20px}h1{font-size:59px;letter-spacing:-2.6px}.intro-copy{font-size:11px;line-height:1.8}.section-heading{font-size:7px;letter-spacing:1.2px;margin-bottom:12px;gap:10px}.project-visual{height:268px}.visual-meta,.visual-bottom{left:17px;right:17px;gap:10px}.visual-meta{top:17px}.project-number{font-size:11px}.project-status{font-size:8px;padding:6px 8px}.visual-bottom{bottom:16px}.project-location{font-size:8px;letter-spacing:1.6px;max-width:200px}.open-icon{width:34px;height:34px;font-size:20px}.project-details{flex-direction:column;gap:23px;padding-top:22px}.project-format{font-size:7px;letter-spacing:1.2px;margin-bottom:10px}h2{font-size:29px}.project-copy{font-size:11px;margin-top:10px}.project-cta{width:100%;justify-content:space-between;padding:16px 17px;font-size:11px}.site-footer{margin-top:34px;padding-block:20px;align-items:flex-start;gap:20px}.site-footer p{max-width:190px;text-align:right;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}