:root{--el-blue: #0D3557;--el-blue-2: #0B2D4A;--el-panel: #12426B;--el-line: rgb(232 243 255 / .18);--el-white: #E8F3FF;--el-cyan: #7CC4FF;--el-muted: #A9C4DD;--el-sans: "Space Grotesk", system-ui, sans-serif;--el-mono-f: "Space Mono", ui-monospace, monospace}body{background-color:var(--el-blue);background-image:linear-gradient(rgb(232 243 255 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(232 243 255 / .07) 1px,transparent 1px),linear-gradient(rgb(232 243 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(232 243 255 / .035) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;color:var(--el-white);font:400 16px/1.6 var(--el-sans)}a{color:var(--el-cyan);text-underline-offset:3px}a:hover{color:var(--el-white)}:focus-visible{outline:3px solid var(--el-white);outline-offset:3px}.el-mono,.el-tag,.el-code{font-family:var(--el-mono-f)}.el-wrap{max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:768px){.el-wrap{padding:0 32px}}.el-header{border-bottom:1px solid var(--el-line);background:#0d3557eb;position:sticky;top:0;z-index:10;backdrop-filter:blur(4px)}.el-header-in{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px}.el-brand{display:flex;align-items:center;gap:10px;color:var(--el-white);text-decoration:none;font-weight:700;font-size:18px;line-height:1.1}.el-brand svg{width:30px;height:30px;color:var(--el-cyan);flex:none}.el-brand small{display:block;font:400 11px/1.3 var(--el-mono-f);color:var(--el-muted);letter-spacing:.06em;text-transform:uppercase}.el-nav{list-style:none;margin:0;padding:0;display:flex;gap:22px}.el-nav a{color:var(--el-white);text-decoration:none;font-size:14px;font-weight:500}.el-nav a:hover{color:var(--el-cyan)}@media(max-width:599px){.el-header-in{flex-wrap:wrap;row-gap:10px}.el-header nav{width:100%}.el-nav{flex-wrap:wrap;gap:6px 18px}.el-nav a{font-size:13px}}.el-hero{padding:56px 0 72px}@media(min-width:960px){.el-hero{padding:96px 0}}.el-hero-grid{display:grid;gap:40px}@media(min-width:960px){.el-hero-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:64px}}.el-tag{font-size:12px;letter-spacing:.14em;color:var(--el-cyan);margin-bottom:16px}.el-hero h1{font-size:clamp(38px,6.5vw,72px);line-height:1.02;font-weight:700;letter-spacing:-.02em}.el-hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--el-white)}@supports not (-webkit-text-stroke: 1px black){.el-hero h1 span{color:var(--el-cyan)}}.el-lead{margin-top:20px;font-size:18px;color:var(--el-muted);max-width:32em}.el-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.el-btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 22px;border:1.5px solid var(--el-white);color:var(--el-white);text-decoration:none;font-weight:600;transition:transform .15s ease}.el-btn:hover{transform:translateY(-2px);color:var(--el-white)}.el-btn-solid{background:var(--el-white);color:var(--el-blue)}.el-btn-solid:hover{color:var(--el-blue)}.el-drawing{margin:0;border:1.5px solid var(--el-white);padding:16px;background:#0b2d4a99}.el-drawing svg{width:100%;height:auto}.el-drawing figcaption{margin-top:10px;padding-top:10px;border-top:1px solid var(--el-line);font:400 12px/1.4 var(--el-mono-f);color:var(--el-muted);letter-spacing:.04em}.el-section{padding:72px 0;border-top:1px solid var(--el-line)}@media(min-width:960px){.el-section{padding:96px 0}}.el-section-alt{background:#0b2d4abf}.el-head{margin-bottom:36px;max-width:44em}.el-head h2{font-size:clamp(32px,5vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.02em}.el-head p:last-child:not(.el-tag){margin-top:10px;color:var(--el-muted)}.el-filter fieldset{border:0;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}.el-chip{position:relative;cursor:pointer}.el-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.el-chip span{display:inline-block;padding:8px 16px;border:1px solid var(--el-line);font:400 13px/1.2 var(--el-mono-f);letter-spacing:.04em;text-transform:uppercase;color:var(--el-white)}.el-chip input:checked+span{background:var(--el-white);color:var(--el-blue);border-color:var(--el-white)}.el-chip input:focus-visible+span{outline:3px solid var(--el-white);outline-offset:3px}.el-chip:hover span{border-color:var(--el-white)}.el-projects{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--el-line);border:1px solid var(--el-line)}@media(min-width:640px){.el-projects{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.el-projects{grid-template-columns:repeat(4,1fr)}}.el-project{background:var(--el-blue-2);display:grid;align-content:start}.el-filter:has(input[value=residential]:checked) .el-project:not([data-type=residential]),.el-filter:has(input[value=commercial]:checked) .el-project:not([data-type=commercial]),.el-filter:has(input[value=institutional]:checked) .el-project:not([data-type=institutional]),.el-filter:has(input[value=interiors]:checked) .el-project:not([data-type=interiors]){display:none}.el-thumb{aspect-ratio:4 / 3;position:relative;border-bottom:1px solid var(--el-line);background:linear-gradient(135deg,transparent calc(50% - .5px),rgb(232 243 255 / .22) 50%,transparent calc(50% + .5px)),linear-gradient(45deg,transparent calc(50% - .5px),rgb(232 243 255 / .22) 50%,transparent calc(50% + .5px)),var(--el-panel)}@media(max-width:639px){.el-thumb{aspect-ratio:16 / 7}}.el-thumb span{position:absolute;left:12px;bottom:10px;font:700 13px/1 var(--el-mono-f);color:var(--el-cyan);background:var(--el-blue-2);padding:4px 6px}.el-p-body{padding:18px 18px 22px}.el-code{font-size:12px;color:var(--el-cyan);letter-spacing:.04em}.el-p-body h3{font-size:21px;font-weight:700;margin-top:6px;line-height:1.2}.el-typology{color:var(--el-muted);font-size:15px;margin-top:2px}.el-p-body dl{margin:14px 0 0;display:grid;gap:4px;font-size:14px}.el-p-body dl div{display:grid;grid-template-columns:5.5em 1fr;gap:8px}.el-p-body dt{color:var(--el-muted);font-family:var(--el-mono-f);font-size:12px;text-transform:uppercase;padding-top:2px}.el-p-body dd{margin:0}.el-scope{list-style:none;margin:0;padding:0;display:grid;gap:16px}@media(min-width:720px){.el-scope{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.el-scope{grid-template-columns:repeat(3,1fr)}}.el-scope li{border:1px solid var(--el-line);padding:24px;position:relative;background:#0d355799}.el-scope li:before,.el-scope li:after{content:"";position:absolute;width:10px;height:10px;border:1.5px solid var(--el-cyan)}.el-scope li:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.el-scope li:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.el-stage{font:700 13px/1 var(--el-mono-f);color:var(--el-cyan)}.el-scope h3{font-size:22px;font-weight:700;margin:12px 0 6px}.el-scope p{color:var(--el-muted);font-size:15px}.el-faq-grid{display:grid;gap:8px}@media(min-width:960px){.el-faq-grid{grid-template-columns:1fr 1.6fr;gap:64px}}.el-faq details{border-top:1px solid var(--el-line)}.el-faq details:last-child{border-bottom:1px solid var(--el-line)}.el-faq summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;justify-content:space-between;gap:16px;font-size:19px;font-weight:500}.el-faq summary::-webkit-details-marker{display:none}.el-faq summary:after{content:"+";font:400 22px/1 var(--el-mono-f);color:var(--el-cyan)}.el-faq details[open] summary:after{content:"−"}.el-faq details p{padding:0 0 20px;color:var(--el-muted);max-width:40em}.el-footer{border-top:1px solid var(--el-line);padding:56px 0 104px;background:var(--el-blue-2)}@media(min-width:768px){.el-footer{padding-bottom:48px}}.el-titleblock{width:100%;border-collapse:collapse;border:2px solid var(--el-white);font-size:15px}.el-titleblock th,.el-titleblock td{border:1px solid var(--el-line);padding:12px 14px;text-align:left;vertical-align:top}.el-titleblock th{font:400 11px/1.4 var(--el-mono-f);text-transform:uppercase;letter-spacing:.08em;color:var(--el-cyan);width:8.5em;font-weight:400}.el-titleblock strong{font-size:20px}@media(max-width:719px){.el-titleblock,.el-titleblock tbody,.el-titleblock tr{display:block}.el-titleblock tr{display:grid;grid-template-columns:7.5em 1fr}.el-titleblock th,.el-titleblock td{display:block;width:auto}.el-titleblock td[colspan]{grid-column:2}}.el-fine{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;color:var(--el-muted)}
