@import url('assets/fonts/fonts.css');
:root{--ink:#082a44;--blue:#00a9dc;--paper:#f5f6f3;--line:#d4dce0;--muted:#647582}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Golos Text',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{cursor:pointer}header{height:100px;padding:0 4%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.brand{display:block;flex-shrink:0;width:236px;height:57px;background:url('assets/brand-original.jpeg') -28px -18px/600px 200px no-repeat}nav{display:flex;gap:30px;margin-left:auto;font-size:13px}nav a:hover{color:var(--blue)}.header-phone{font-size:14px;border-left:1px solid var(--line);padding-left:30px;white-space:nowrap}.menu{display:none}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:99}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:52% 48%;min-height:720px}.hero-copy{padding:56px 7.7% 32px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:500;margin:0 0 36px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--blue);border-radius:100%}h1{font-size:clamp(58px,5.15vw,82px);font-weight:500;letter-spacing:-5.5px;line-height:1.04;margin:0 0 29px}h1 em{font-style:normal;color:var(--blue)}.lead{max-width:420px;font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:var(--ink);color:white;border:0;padding:20px 24px;font-size:13px;transition:background .2s,transform .2s}.button span{font-size:23px;line-height:1}.button:hover{background:#0b486c;transform:translateY(-2px)}.hero-bottom{margin-top:45px;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:10px;line-height:1.65;color:var(--muted)}.hero-bottom a{display:flex;gap:17px}.hero-bottom a span{font-size:24px;color:var(--ink)}.hero-image{position:relative;min-height:100%;overflow:hidden;background:#15394e}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,27,47,.7),transparent 35%,rgba(0,27,47,.2))}.image-top,.image-bottom{position:absolute;z-index:1;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:white}.image-top{top:32px;font-size:9px;letter-spacing:1.6px}.image-bottom{bottom:32px;align-items:end;font-size:9px;letter-spacing:1px}.line-label{font-size:24px;max-width:270px;line-height:1.3;letter-spacing:-.5px}.disciplines{padding:25px 4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:26px;align-items:center;font-size:12px}.disciplines>span:first-child{font-weight:700;margin-right:25px}.disciplines i{font-style:normal;color:var(--blue)}.disc-end{margin-left:auto;color:var(--muted);font-size:10px}.section{padding:100px 5.6%}.section-head{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:35px;align-items:start;margin-bottom:60px}.section-head .eyebrow{padding-top:9px}h2{font-size:42px;letter-spacing:-1.8px;line-height:1.16;font-weight:500;margin:0}h2>span{color:var(--muted)}.section-head>p:last-child{font-size:13px;line-height:1.8;margin:8px 0 0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}.service{padding:25px 0;border:0;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;text-align:left;background:none;color:var(--ink);transition:color .2s}.service:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.service-num{font-size:10px;color:var(--muted);width:20px}.service svg{width:30px;height:30px;stroke-width:1.2;stroke:var(--ink);fill:none;flex-shrink:0}.service h3{font-size:19px;letter-spacing:-.4px;font-weight:500;margin:0 0 7px}.service p{font-size:11px;color:var(--muted);margin:0}.service-arrow{margin-left:auto;font-size:24px;transition:transform .2s}.service:hover{color:var(--blue)}.service:hover svg{stroke:var(--blue)}.service:hover .service-arrow{transform:translate(3px,-3px)}.system-foot{margin-top:32px;display:flex;justify-content:space-between;font-size:12px;gap:24px;color:var(--muted)}.system-foot a{color:var(--ink)}.system-foot b{color:var(--blue);margin-left:22px;font-size:20px}.approach{background:var(--ink);color:#fff;padding:90px 5.6%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach-left h2{font-size:55px;line-height:1.14;margin-top:65px}.approach em{font-style:normal;color:#24b9e4}.approach-left>p:not(.eyebrow){max-width:350px;margin:30px 0 45px;color:#a7bdca;font-size:15px;line-height:1.8}.text-link{font-size:13px;display:inline-flex;gap:50px;align-items:center}.text-link span{font-size:23px;color:var(--blue)}.schematic{max-width:100%;margin:-25px -15px 12px}.schematic svg{width:100%;height:auto}.circuit{stroke-dasharray:700;animation:circuit 8s linear infinite}@keyframes circuit{to{stroke-dashoffset:-1400}}.principle{display:flex;gap:25px;border-top:1px solid #35536a;padding:19px 0}.principle>b{font-weight:400;color:#39b9df;font-size:11px;margin-top:5px}.principle h3{font-size:16px;font-weight:500;margin:0 0 7px}.principle p{color:#a7bdca;font-size:12px;line-height:1.7;margin:0;max-width:350px}.object-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8%}.object-tabs{display:flex;flex-direction:column}.object-tabs button{border:0;border-top:1px solid var(--line);padding:28px 0;background:transparent;color:var(--muted);font-size:22px;text-align:left;display:flex;justify-content:space-between;align-items:center}.object-tabs button:last-child{border-bottom:1px solid var(--line)}.object-tabs button[aria-selected=true]{color:var(--ink)}.object-tabs button span{color:var(--blue);font-size:28px}.object-tabs button[aria-selected=false] span{opacity:0}.object-panel{background:#e9eef0;padding:40px;min-height:340px;position:relative}.object-number{font-size:10px;letter-spacing:1px;color:var(--muted)}.object-panel h3{font-size:33px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:24px 0 18px}.object-panel>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:400px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 28px}.tags span{border:1px solid #bdcbd2;padding:7px 10px;font-size:9px}.process{background:white;border-top:1px solid var(--line)}.process-head{display:flex;gap:12%;align-items:start;margin-bottom:58px}.process-head .eyebrow{padding-top:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{font-size:11px;color:var(--blue)}.steps h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin:35px 0 20px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);max-width:250px}.contact{padding:90px 7%;background:#e4f1f5;display:grid;grid-template-columns:1fr .85fr;gap:14%}.contact h2{font-size:62px;letter-spacing:-2.5px}.contact h2 em{color:#008fbe;font-style:normal}.contact-copy>p:not(.eyebrow){max-width:320px;font-size:13px;color:var(--muted);line-height:1.8;margin:28px 0 36px}.contact-phone{display:block;font-size:25px;letter-spacing:-.5px;margin-bottom:18px}.contact-email{display:block;font-size:16px;color:var(--muted)}form{padding-top:40px}form h3{font-size:20px;font-weight:500;margin:0 0 25px}form label{display:block;font-size:10px;color:var(--muted);margin:18px 0}input,textarea,select{display:block;border:0;border-bottom:1px solid #a7c3d0;background:transparent;color:var(--ink);padding:12px 0;width:100%;border-radius:0;outline-offset:2px;font-size:13px}textarea{resize:vertical;min-height:65px}form .button{width:100%;margin-top:15px}.form-note{font-size:10px;line-height:1.7;color:var(--muted);margin:17px 0 0}#form-status{font-size:12px;line-height:1.5}footer{padding:45px 4% 25px;background:#fff}.footer-top{display:flex;align-items:center;gap:6%;padding-bottom:40px}.footer-top p{font-size:11px;line-height:1.8;color:var(--muted)}.footer-top>a:last-child{margin-left:auto;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:9px}dialog{border:0;background:var(--paper);color:var(--ink);padding:50px;width:min(620px,92vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#061f35b8;backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin:20px 0}dialog>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:20px;font-size:14px;line-height:2.2;margin:20px 0 30px}.close-dialog{position:absolute;right:18px;top:10px;background:none;border:0;font-size:35px;color:var(--ink)}
@media(min-width:1600px){body{max-width:1920px;margin:auto}.hero{min-height:850px}.hero-copy{padding-top:80px}.hero-bottom{margin-top:80px}}@media(max-width:1100px){header{gap:20px}.brand{width:210px}.header-phone{font-size:11px;padding-left:15px}nav{gap:18px}.hero{min-height:670px}h1{letter-spacing:-3px}.hero-copy{padding-top:45px}.hero-bottom{flex-direction:column;align-items:start}.section-head{grid-template-columns:1fr 2.3fr}.section-head>p:last-child{grid-column:2;margin-top:-10px;max-width:450px}.approach-left h2{font-size:42px}.contact{gap:8%}.contact h2{font-size:50px}.disciplines{gap:17px}.disc-end{display:none}}@media(max-width:760px){html{scroll-padding-top:70px}header{height:78px;padding:0 5%;justify-content:space-between}.brand{width:200px;height:50px;background-size:540px 180px;background-position:-26px -17px}.header-phone{display:none}.menu{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font-size:12px}.menu span{font-size:22px}nav{display:none;position:absolute;top:78px;left:0;right:0;margin:0;padding:25px 6%;background:white;border-bottom:1px solid var(--line);flex-direction:column;font-size:18px;gap:25px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 6% 30px}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:28px}h1{font-size:64px;letter-spacing:-3.7px;line-height:1.01;margin-bottom:24px}.lead{font-size:14px;max-width:350px;line-height:1.75}.button{padding:18px 22px;min-height:54px}.hero-bottom{flex-direction:row;align-items:end;margin-top:30px;font-size:9px}.hero-bottom>a{font-size:0;gap:0}.hero-image{min-height:420px}.image-top,.image-bottom{left:24px;right:24px}.line-label{font-size:25px}.disciplines{gap:12px;padding:20px 6%;font-size:9px;overflow:hidden;white-space:nowrap}.disciplines>span:first-child{margin-right:7px}.section{padding:64px 6%}.section-head{display:block;margin-bottom:32px}.section-head .eyebrow{margin-bottom:24px}h2{font-size:35px;letter-spacing:-1.5px}.section-head>p:last-child{font-size:12px;margin-top:24px;max-width:360px}.service-grid{grid-template-columns:1fr}.service{padding:24px 0;gap:15px}.service:nth-last-child(2){border-bottom:0}.service h3{font-size:18px}.service p{font-size:10px}.service svg{width:26px}.service-num{width:15px}.system-foot{display:block;font-size:11px;line-height:1.8}.system-foot>a{display:block;margin-top:18px}.approach{padding:65px 6%;display:block}.approach-left h2{font-size:43px;margin-top:30px}.approach-left>p:not(.eyebrow){font-size:14px}.approach-right{margin-top:45px}.schematic{margin:0 -12px 15px}.principle{padding:20px 0}.object-layout{display:block}.object-tabs button{font-size:18px;padding:23px 0}.object-panel{margin-top:26px;padding:28px;min-height:350px}.object-panel h3{font-size:30px}.process-head{display:block}.process-head h2{font-size:35px}.steps{grid-template-columns:1fr 1fr;gap:27px}.steps h3{font-size:20px;margin-top:23px}.steps p{font-size:11px}.contact{padding:64px 6%;display:block}.contact h2{font-size:52px;letter-spacing:-2px}.contact-phone{font-size:23px}form{margin-top:25px;padding-top:25px;border-top:1px solid #bdd3dd}form h3{font-size:22px}.footer-top{flex-wrap:wrap;gap:15px}.footer-top p{width:70%}.footer-top>a:last-child{margin-left:0}.footer-bottom{gap:15px;flex-wrap:wrap;font-size:8px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:38px 27px}dialog h2{font-size:30px}dialog ul{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* OBLIK / second art direction: engineered, spatial, alive */
:root{--ink:#092837;--blue:#00b5d9;--paper:#f4f4f0;--muted:#66777f}header{height:90px;padding:0 4.5%;position:relative}nav{font-size:12px;gap:34px}.header-phone{font-size:13px}.live-hero{display:grid;grid-template-columns:47% 53%;min-height:770px;position:relative;background:#071d2b;color:#fff;overflow:hidden;padding-bottom:70px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#1d3c4b40 1px,transparent 1px),linear-gradient(90deg,#1d3c4b40 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000)}.live-hero .hero-copy{padding:64px 0 28px 9.6%;position:relative;z-index:1}.live-hero .eyebrow{color:#9cb4c0;font-size:10px;letter-spacing:1.6px;margin-bottom:45px}.live-hero h1{font-size:clamp(70px,6.6vw,106px);line-height:.99;letter-spacing:-5.8px;font-weight:500;margin:0 0 32px}.live-hero h1 em{font-style:normal;color:#57cfdf}.live-hero .lead{color:#b1c3cd;font-size:15px;line-height:1.8;margin-bottom:28px}.live-hero .button{background:#53cddd;color:#062332;min-width:230px}.live-hero .button:hover{background:#a2e9ee}.hero-sign{font-size:8px;letter-spacing:1.5px;color:#748e9e;margin-top:35px}.building-stage{position:relative;min-height:650px;padding-top:30px;z-index:1}#building{position:absolute;inset:30px 0 105px;width:100%;height:calc(100% - 135px)}.model-heading{position:absolute;top:36px;left:30px;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#91aab8;z-index:2}.model-heading button{color:#92aebc;background:transparent;border:1px solid #38505d;font-size:9px;padding:7px 12px;letter-spacing:0}.model-floor-labels{position:absolute;top:90px;right:7%;display:flex;flex-direction:column;gap:7px;font-size:7px;letter-spacing:1.5px;color:#627e91}.system-switches{position:absolute;bottom:71px;left:25px;right:6%;display:flex;gap:5px;z-index:3;flex-wrap:wrap}.system-switches button{padding:10px 12px;display:flex;gap:7px;align-items:center;background:#0b2939;border:1px solid #315363;color:#a6beca;font-size:10px;transition:color .2s,background .2s}.system-switches button[aria-pressed=true]{background:#eff9fa;color:#092837;border-color:#eff9fa}.system-switches i{width:5px;height:5px;background:#54d6ec;border-radius:50%}.system-switches [data-system=heat] i{background:#f2a16e}.system-switches [data-system=water] i{background:#728fff}.system-switches [data-system=power] i{background:#e5d899}#system-explanation{position:absolute;bottom:30px;left:25px;right:8%;font-size:10px;line-height:1.6;color:#8ba6b5}.concept-label{position:absolute;bottom:14px;right:7%;font-size:7px;color:#567486;letter-spacing:1px}.hero-bottom-bar{position:absolute;bottom:0;left:4.5%;right:4.5%;height:70px;border-top:1px solid #2a4352;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px;color:#7b96a6}.hero-bottom-bar a{color:#c7d7df;font-size:10px;letter-spacing:0}.hero-bottom-bar a span{margin-left:24px;color:#54cfdf;font-size:19px}.bar-live{display:flex;align-items:center;gap:10px}.bar-live i{height:5px;width:5px;background:#59d9ba;border-radius:50%;box-shadow:0 0 14px #59d9ba;animation:signal 3s ease-in-out infinite}@keyframes signal{50%{opacity:.3}}.discipline-run{background:#fff;border-bottom:1px solid var(--line);overflow:hidden;padding:25px 0}.discipline-run>div{display:flex;gap:40px;align-items:center;width:max-content;animation:marquee 45s linear infinite}.discipline-run span{font-size:11px;letter-spacing:1px;white-space:nowrap}.discipline-run i{font-size:17px;color:#00a9ca;font-style:normal}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding:105px 5%}.section-head{grid-template-columns:1fr 2.3fr 1.2fr}h2{font-size:44px;font-weight:500;letter-spacing:-1.9px}.service-grid{column-gap:70px}.service{padding:29px 0}.service h3{font-size:21px}.service svg{stroke:#527783}.service-num{font-family:monospace;color:#8a9ba3}.system-foot{padding-top:10px}.engineering-story{background:#092837;color:#f3f7f9}.story-image{height:510px;position:relative;overflow:hidden}.story-image>img{height:120%;width:100%;object-fit:cover;object-position:center 65%;filter:brightness(.57) saturate(.7);animation:architectural-pan 28s ease-in-out infinite alternate;transform-origin:50% 65%}@keyframes architectural-pan{from{transform:scale(1.02) translateY(-2%)}to{transform:scale(1.10) translateY(-5%)}}.story-caption{position:absolute;bottom:55px;left:5%;z-index:1}.story-caption>span{font-size:9px;letter-spacing:2px;color:#b1d5df}.story-caption h2{font-size:64px;color:white;margin-top:25px;letter-spacing:-2.8px}.image-credit{position:absolute;right:4%;bottom:20px;color:#b6c4ca;font-size:8px}.story-content{padding:70px 5% 85px}.story-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin:38px 0 65px}.story-intro h2{font-size:45px;line-height:1.2}.story-intro h2 span{color:#65bdcd}.story-intro>p{font-size:15px;line-height:1.9;color:#a5becb;max-width:440px;padding-top:12px}.story-principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.story-principles article{border-top:1px solid #3b5968;padding-top:22px}.story-principles article>span{font-size:9px;color:#79c6d5;letter-spacing:1.1px}.story-principles h3{font-size:24px;font-weight:500;margin:25px 0 13px}.story-principles p{color:#a5becb;font-size:12px;line-height:1.8;max-width:330px}.objects .section-head{margin-bottom:65px}.object-panel{background:#e5eaeb;border-top:2px solid #1b5061}.contact{background:#dcecf0}.contact h2{font-size:58px}.process{background:#fff}.steps article>span{font-family:monospace}.steps h3{font-size:25px}.section-head,.story-intro,.story-principles,.steps,.object-layout,.contact-copy,form{animation:reveal 1s both;animation-timeline:view();animation-range:entry 0% entry 25%}@keyframes reveal{from{opacity:.25;transform:translateY(26px)}to{opacity:1;transform:none}}footer .brand{background-color:white}
@media(min-width:1600px){.live-hero{min-height:880px}.live-hero .hero-copy{padding-top:80px}.building-stage{min-height:760px}.live-hero h1{font-size:112px}.model-heading{top:45px}#building{inset:30px 0 100px}.story-image{height:620px}}@media(max-width:1100px){.live-hero{grid-template-columns:47% 53%;min-height:690px}.live-hero .hero-copy{padding-top:50px}.live-hero h1{font-size:75px;letter-spacing:-4px}.building-stage{min-height:600px}.system-switches{gap:4px;left:5px;right:5%}.system-switches button{padding:9px 8px;font-size:9px}.model-heading{left:10px}.model-floor-labels{display:none}#system-explanation{left:5px;bottom:25px}.hero-bottom-bar>span:nth-child(2){display:none}.section-head{grid-template-columns:1fr 2.3fr}.story-caption h2{font-size:55px}.story-intro{gap:7%}.story-intro h2{font-size:38px}}@media(max-width:760px){header{height:78px;padding:0 5%}nav{gap:25px;font-size:18px}.live-hero{display:flex;flex-direction:column;min-height:0;padding-bottom:76px}.live-hero .hero-copy{padding:38px 6% 0}.live-hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:30px}.live-hero h1{font-size:76px;letter-spacing:-4.6px;margin-bottom:24px}.live-hero .lead{font-size:13px;line-height:1.75}.hero-sign{margin-top:25px;font-size:7px}.building-stage{min-height:470px;width:100%;margin-top:-5px}#building{inset:0 0 105px;height:calc(100% - 105px)}.model-heading{top:20px;left:6%;right:6%;font-size:6px}.model-heading button{font-size:8px;padding:6px 10px}.system-switches{left:6%;right:6%;bottom:62px;gap:4px}.system-switches button{font-size:8px;padding:9px 8px}.system-switches i{width:4px;height:4px}#system-explanation{font-size:9px;left:6%;bottom:20px;right:6%}.concept-label{font-size:6px;bottom:8px}.hero-bottom-bar{height:66px;left:6%;right:6%}.hero-bottom-bar>a{font-size:9px}.bar-live{font-size:6px;letter-spacing:.8px;max-width:140px;line-height:1.8}.discipline-run{padding:19px 0}.discipline-run>div{gap:25px}.discipline-run span{font-size:9px}.section{padding:68px 6%}.section-head{display:block}.section-head h2{font-size:34px}.service{padding:25px 0;gap:15px}.service h3{font-size:18px}.service p{max-width:230px;line-height:1.5}.service-grid{display:block}.service:nth-last-child(2){border-bottom:0}.story-image{height:390px}.story-image>img{width:150%;margin-left:-25%;object-position:center}.story-caption{left:6%;bottom:48px}.story-caption h2{font-size:39px;letter-spacing:-1.5px}.story-caption>span{font-size:8px}.image-credit{font-size:6px;right:6%}.story-content{padding:60px 6%}.story-intro{display:block;margin:30px 0 40px}.story-intro h2{font-size:35px}.story-intro p{font-size:13px}.story-principles{display:block}.story-principles article{padding-top:20px;margin-top:30px}.story-principles h3{font-size:22px;margin-top:20px}.story-principles p{font-size:12px;max-width:100%}.contact{padding:65px 6%}.contact h2{font-size:48px;letter-spacing:-2px}.steps h3{font-size:20px}.hero-grid{background-size:45px 45px}.model-floor-labels{display:none}.footer-top{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.section-head,.story-intro,.story-principles,.steps,.object-layout,.contact-copy,form{opacity:1;transform:none;animation:none!important}.discipline-run>div,.story-image>img{animation:none!important}}
@media(max-width:760px){.live-hero h1{font-size:clamp(52px,16vw,68px);letter-spacing:-3.5px}.system-switches{row-gap:7px}.live-hero .hero-copy{padding-bottom:10px}}@media(max-width:360px){.live-hero h1{font-size:53px}.system-switches button{padding:8px 6px;font-size:7px}}
/* Eight large system selectors and visibly distinct physics. */
.live-hero{min-height:940px}.building-stage{min-height:870px}#building{inset:35px 0 275px;height:calc(100% - 310px)}.system-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;left:25px;right:6%;bottom:110px}.system-switches button{min-height:45px;padding:11px 12px;font-size:12px;gap:9px;text-align:left;line-height:1.25}.switch-symbol{font-size:22px;width:23px;flex-shrink:0;line-height:1;text-align:center;font-family:Arial,sans-serif}.system-switches [data-system=air] .switch-symbol{color:#6be0e6}.system-switches [data-system=cool] .switch-symbol{color:#b7dfff}.system-switches [data-system=heat] .switch-symbol{color:#eea579}.system-switches [data-system=water] .switch-symbol{color:#45beff}.system-switches [data-system=sewer] .switch-symbol{color:#c1ac83}.system-switches [data-system=boiler] .switch-symbol{color:#ffb05e}.system-switches [data-system=thermal] .switch-symbol{color:#f38880}.system-switches [data-system=power] .switch-symbol{color:#f2dc7b}.system-switches button[aria-pressed=true]{box-shadow:inset 3px 0 #00a6c2;background:#eaf6f8}.system-switches button[aria-pressed=true] .switch-symbol{color:#0b5264}.system-switches button:hover{border-color:#78acbe}.system-explainer{position:absolute;bottom:28px;left:25px;right:6%;min-height:68px;border-top:1px solid #304958;padding-top:14px}.system-explainer>b{font-size:13px;font-weight:500;color:#d1e7ee}.system-explainer #system-explanation{position:static;font-size:11px;line-height:1.65;margin:7px 0 0;color:#94afbf;max-width:600px}.concept-label{bottom:10px}.dialog-subtitle{font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:25px}#dialog-result{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:30px}dialog ul{font-size:13px;line-height:1.8}dialog li{margin:8px 0}#service-dialog{max-height:88vh}.projects{background:#f0f1ed}.case-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:10px 0 40px}.case-status{font-size:8px;letter-spacing:1.5px;color:#29758b;border:1px solid #a5bdc6;padding:7px 10px;display:inline-block}.case-heading h3{font-size:49px;font-weight:500;letter-spacing:-2px;line-height:1.1;margin:23px 0 0}.case-heading>p{font-size:13px;line-height:1.9;color:var(--muted);padding-top:30px;max-width:450px}.case-tabs{display:flex;border-bottom:1px solid #b7c7cc;gap:30px;margin-bottom:30px}.case-tabs button{border:0;background:transparent;font-size:13px;color:var(--muted);padding:16px 3px;border-bottom:3px solid transparent;text-align:left}.case-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:#008aa7}.case-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center}.case-image-button{border:0;padding:0;position:relative;display:block;background:#fff;width:100%;overflow:hidden;aspect-ratio:4/3}.case-image-button img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.case-image-button:hover img{transform:scale(1.025)}.case-image-button>span{position:absolute;bottom:15px;left:15px;background:#082b3edc;color:white;padding:9px 12px;font-size:10px}.case-description>span{font-size:8px;letter-spacing:1.4px;color:#497784}.case-description h4{font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin:24px 0}.case-description>p,.case-description li{font-size:12px;line-height:1.85;color:var(--muted)}.case-description ul{padding-left:17px;margin:20px 0 28px}.case-description li{margin-bottom:9px}.faq{background:#fff}.faq-list{max-width:970px;margin-left:auto}.faq details{border-top:1px solid var(--line);padding:0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;padding:26px 0;font-size:19px;line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:24px;color:#008cab;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{max-width:800px;font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 28px}#image-dialog{width:94vw;max-width:1500px;padding:35px 20px 15px;background:#f4f5f3}#image-dialog img{display:block;max-height:76vh;max-width:100%;width:auto;margin:auto}#image-dialog p{text-align:center;font-size:12px;color:var(--muted)}.close-image{position:absolute;right:10px;top:0;border:0;font-size:32px;background:transparent;color:var(--ink)}
@media(min-width:1600px){.live-hero{min-height:980px}.building-stage{min-height:910px}}@media(max-width:1100px){.header-phone{display:none}.system-switches button{font-size:10px;padding:10px 6px;gap:5px}.switch-symbol{width:18px;font-size:18px}.system-switches{left:10px;right:5%}.system-explainer{left:10px}.live-hero{min-height:900px}.building-stage{min-height:830px}.case-heading h3{font-size:40px}}@media(max-width:760px){.live-hero{min-height:0}.building-stage{min-height:720px}.system-switches{left:6%;right:6%;bottom:116px;grid-template-columns:1fr 1fr;gap:6px}.system-switches button{min-height:43px;padding:10px;font-size:11px;gap:7px}.system-switches button:first-child{grid-column:1/-1}.switch-symbol{width:19px;font-size:20px}#building{inset:10px 0 380px;height:calc(100% - 390px)}.system-explainer{left:6%;right:6%;bottom:26px;min-height:75px}.system-explainer #system-explanation{font-size:10px}.system-explainer>b{font-size:12px}.case-heading{display:block}.case-heading h3{font-size:39px}.case-heading>p{padding-top:10px}.case-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.case-tabs button{font-size:11px;padding:15px 0}.case-panel{display:block}.case-description{padding-top:30px}.case-description h4{font-size:28px}.case-description>p,.case-description li{font-size:12px}.faq summary{font-size:16px;padding:22px 0}.faq details>p{font-size:12px}.case-image-button{aspect-ratio:4/3}.faq .section-head{margin-bottom:25px}#image-dialog{padding:35px 8px 10px}#image-dialog p{font-size:10px}.live-hero h1{font-size:clamp(52px,16vw,68px)}}
.company-facts{padding:44px 5%;background:#edf1ef;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%;border-bottom:1px solid var(--line)}.company-facts>div{display:flex;align-items:center;gap:22px}.company-facts strong{font-size:35px;font-weight:500;letter-spacing:-1.3px;white-space:nowrap}.company-facts span{font-size:10px;line-height:1.7;color:var(--muted)}.portfolio{background:#f4f4f0}.portfolio-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.portfolio-filter button{padding:12px 17px;border:1px solid #b9c9ce;background:transparent;font-size:12px;color:var(--ink)}.portfolio-filter button[aria-pressed=true]{background:#092837;color:#fff;border-color:#092837}.portfolio-count{font-size:10px;letter-spacing:.4px;color:var(--muted);margin-bottom:25px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.portfolio-card{min-width:0}.portfolio-photo-button{display:block;border:0;padding:0;width:100%;text-align:left;background:#d8e0e1}.portfolio-photo{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#dce4e5}.portfolio-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.03);transition:transform .7s,filter .7s}.portfolio-photo-button:hover .portfolio-photo>img{transform:scale(1.035);filter:saturate(.95) contrast(1.03)}.portfolio-zoom{position:absolute;right:13px;bottom:13px;height:32px;width:32px;display:grid;place-items:center;background:#f6f9f8e8;color:#153444;font-size:22px}.portfolio-card-info{padding:20px 0 0;border-bottom:1px solid var(--line);padding-bottom:22px}.portfolio-category{font-size:8px;letter-spacing:1.2px;color:#68828c}.portfolio-card h3{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:12px 0 10px}.portfolio-card-info>p{font-size:12px;color:var(--muted);margin:0 0 13px}.portfolio-credit{font-size:9px;color:#6c8792;text-decoration:none}.portfolio-credit:hover{color:#008ba5}.document-photo>img{position:absolute;max-width:none;height:auto;object-fit:initial;filter:saturate(.74);transform:none!important}.crop-prefecture>img{width:345.81%;left:-225%;top:-404.86%}.crop-artek>img{width:337.15%;left:-218.18%;top:-512.78%}.portfolio-other{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;margin-top:65px;padding-top:35px;border-top:1px solid #bfcbd0}.portfolio-other .eyebrow{margin-bottom:22px}.portfolio-other>div>p:last-child{font-size:12px;line-height:1.8;max-width:300px;color:var(--muted)}.portfolio-other ul{list-style:none;margin:0;padding:0}.portfolio-other li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;font-size:15px;line-height:1.4}.portfolio-other small{font-size:10px;color:var(--muted);text-align:right;flex-shrink:0;align-self:center}.portfolio-note{font-size:9px;line-height:1.8;color:#78909a;max-width:850px;margin-top:35px}#gallery-dialog{width:min(1100px,94vw);padding:35px 25px 25px;background:#f1f3ef}#gallery-large{max-width:900px;margin:auto}#gallery-large .portfolio-photo{aspect-ratio:4/3;max-height:65vh}#gallery-large .portfolio-photo:not(.document-photo)>img{object-fit:contain;filter:none}.gallery-close{position:absolute;right:10px;top:0;border:0;background:none;font-size:32px;color:var(--ink)}.gallery-caption{padding-top:22px}.gallery-caption h3{font-size:24px;font-weight:500;margin:0 0 10px}.gallery-caption p{font-size:12px;color:var(--muted);margin:0 0 12px}.gallery-caption a{font-size:10px;color:#168199}#gallery-large .portfolio-zoom{display:none}@media(max-width:1100px){.company-facts strong{font-size:28px}.company-facts>div{display:block}.company-facts span{display:block;margin-top:10px}.portfolio-grid{gap:30px 20px}.portfolio-card h3{font-size:19px}nav{gap:22px}.header-phone{display:none}}@media(max-width:760px){.company-facts{grid-template-columns:1fr 1fr;padding:30px 6%;gap:25px}.company-facts>div:last-child{grid-column:1/-1;display:flex;gap:25px;align-items:center}.company-facts strong{font-size:29px}.company-facts span{font-size:9px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-filter{gap:6px}.portfolio-filter button{font-size:10px;padding:11px 13px}.portfolio-card h3{font-size:23px}.portfolio-card-info{padding-top:18px;padding-bottom:20px}.portfolio-other{display:block;margin-top:40px}.portfolio-other ul{margin-top:20px}.portfolio-other li{font-size:13px}.portfolio-other small{font-size:9px;max-width:95px}.portfolio-note{font-size:8px}.portfolio-count{font-size:9px}#gallery-dialog{padding:35px 10px 15px}.gallery-caption h3{font-size:21px}.gallery-caption{padding:20px 8px 0}}
.switch-symbol svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
#gallery-large .document-photo{max-width:86.666vh;margin:auto;max-height:none;aspect-ratio:4/3}
.object-tabs button{padding:19px 0;font-size:20px;line-height:1.4;gap:20px}.object-panel{position:sticky;top:35px;align-self:start;min-height:440px}.contact-address{font-style:normal;margin-top:30px;font-size:15px;line-height:1.7}.contact-address>span{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.footer-address{font-style:normal;font-size:11px;line-height:1.8;color:var(--muted)}.footer-top{gap:5%}@media(max-width:760px){.object-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.object-tabs button{padding:17px 0;font-size:13px;min-height:77px;gap:8px}.object-tabs button span{font-size:20px}.object-tabs button:last-child{grid-column:1/-1}.object-panel{position:static;min-height:350px}.contact-address{font-size:14px;margin-top:25px}.footer-address{font-size:10px}.footer-top{gap:15px}.footer-top p{width:100%}}