@font-face{font-family:Roboto;src:url('assets/roboto-light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/roboto-regular.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--ink:#16232a;--deep:#101c21;--green:#258878;--mint:#94c6b7;--paper:#ecebe5;--white:#f5f4ef;--muted:#b2bdbb;--line:rgba(236,235,229,.2);--pad:clamp(24px,4.5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--white);font-family:Roboto,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button{border:0}img{max-width:100%;display:block}::selection{background:var(--green);color:white}:focus-visible{outline:2px solid var(--mint);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300}p{line-height:1.65}.eyebrow{font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}.muted{color:var(--muted)}.skip{position:fixed;z-index:100;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:20px}
.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid var(--line);gap:24px}.logo{width:210px;flex-shrink:0}.logo img{width:100%;height:auto}.nav{display:flex;gap:32px;align-items:center;font-size:12px}.nav a{padding:12px 0}.nav a:hover{color:var(--mint)}.header-right{display:flex;gap:25px;align-items:center}.language{display:flex;gap:7px;align-items:center;font-size:11px}.language button{background:transparent;padding:12px 3px;color:#b4bfbc}.language button[aria-pressed=true]{color:var(--white);border-bottom:1px solid var(--mint)}.language span{color:#627475}.header-call{font-size:12px;white-space:nowrap}.header-call span{display:inline-block;margin-left:14px;color:var(--mint)}.menu-button{display:none;background:none;width:44px;height:44px;padding:12px}.menu-button i{display:block;height:1px;background:var(--white);margin:6px 0}
.hero{height:max(760px,100svh);max-height:1200px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-picture{position:absolute;inset:0;z-index:-3}.hero-picture img{height:100%;width:100%;object-fit:cover;object-position:58% 56%}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,24,29,.88),rgba(12,24,29,.54) 33%,rgba(12,24,29,.04) 75%),linear-gradient(0deg,rgba(12,24,29,.86),transparent 30%,rgba(12,24,29,.26))}.hero-copy{margin-top:15px;padding:0 var(--pad);max-width:850px}.hero-copy .eyebrow{color:#c1d4cb;margin-bottom:34px}.hero h1{font-size:clamp(60px,6.7vw,112px);line-height:1.025;letter-spacing:-.048em}.hero h1 span{color:#aac3b9}.hero-copy>p{margin:28px 0 31px;font-size:15px;max-width:350px;color:#dae0da}.text-link{display:inline-flex;gap:40px;align-items:center;font-size:13px;border-bottom:1px solid #91afa2;padding:13px 0}.text-link span{font-size:22px;transition:transform .3s}.text-link:hover span{transform:translate(4px,-4px)}.hero-bottom{position:absolute;bottom:31px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.hero-bottom .scroll{font-size:11px;display:flex;align-items:center;gap:18px}.scroll span{font-size:20px;color:var(--mint)}.hero-caption{text-align:right;font-size:10px;color:#c6cfca;letter-spacing:.04em;line-height:1.8}.hero-caption b{font-weight:400;display:block;color:var(--white)}
.intro{padding:105px var(--pad) 95px;display:grid;grid-template-columns:1fr 2.1fr;gap:30px}.intro .eyebrow{color:var(--mint);padding-top:9px}.intro h2{font-size:clamp(32px,3.4vw,54px);letter-spacing:-.032em;line-height:1.2;max-width:920px}.intro h2 span{color:#93a7a6}.intro-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;margin-top:46px}.intro-bottom p{max-width:390px;font-size:14px;color:var(--muted)}.stats{display:flex;gap:55px}.stat strong{font-size:44px;line-height:1.1;font-weight:300;letter-spacing:-.04em}.stat span{display:block;font-size:11px;color:var(--muted);margin-top:12px}
.story{position:relative;height:500svh;background:var(--deep)}.story-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}.story-top{position:absolute;left:var(--pad);right:var(--pad);top:35px;display:flex;justify-content:space-between;z-index:4;color:#d6dfd9}.story-top a{font-size:11px;color:var(--mint);padding:10px 0}.scene-images{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene-images img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;will-change:transform,opacity}.scene-interior{opacity:0}.scene-house{opacity:0}.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,20,25,.76),transparent 78%),linear-gradient(0deg,rgba(8,20,25,.96),transparent 65%,rgba(8,20,25,.52))}.linework{position:absolute;inset:0;z-index:-1;width:100%;height:100%;color:#94c6b7}.linework .fine{opacity:.28;stroke-width:.6}.linework .building{stroke-width:1;stroke-dasharray:2200;stroke-dashoffset:0}.scene-copy{position:absolute;left:var(--pad);bottom:170px;max-width:560px;right:var(--pad)}.scene-index{color:var(--mint);margin-bottom:19px}.scene-copy h2{font-size:clamp(46px,5vw,80px);letter-spacing:-.045em;line-height:1.05;margin-bottom:22px;max-width:550px}.scene-copy p{font-size:14px;max-width:365px;color:#d6dcd6}.story-nav{position:absolute;bottom:40px;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.story-nav button{text-align:left;background:transparent;border-top:1px solid #60706c;padding:17px 0 5px;display:flex;gap:16px;align-items:center;color:#b5c4bf;font-size:12px;position:relative;min-height:48px}.story-nav button:before{content:"";position:absolute;left:0;top:-1px;background:var(--mint);height:2px;width:0;transition:width .4s}.story-nav button[aria-pressed=true]{color:var(--white)}.story-nav button[aria-pressed=true]:before{width:100%}.story-nav button span{font-size:10px;color:var(--mint)}.concept-tag{position:absolute;right:var(--pad);top:90px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#c1cbc5}.material-chips{position:absolute;right:var(--pad);bottom:200px;display:flex;gap:10px;opacity:0;pointer-events:none;transform:translateY(20px)}.material-chip{width:105px;height:126px;border:1px solid #b1b9a980;padding:8px;display:flex;flex-direction:column;justify-content:end;background:#15212788;backdrop-filter:blur(10px)}.material-chip img{width:87px;height:79px;object-fit:cover;margin-bottom:8px}.material-chip:nth-child(1) img{object-position:0 20%;object-fit:none}.material-chip:nth-child(2) img{object-position:30% 0;object-fit:none}.material-chip:nth-child(3) img{object-position:35% 61%;object-fit:none}.material-chip span{font-size:10px}.systems{position:absolute;right:var(--pad);bottom:195px;width:260px;padding:22px;background:#14262ad9;border:1px solid #688c8066;backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translateY(20px)}.systems .eyebrow{color:var(--mint);margin-bottom:16px}.system-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.system-row span:last-child{color:#b6d6c9}.system-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#94c6b7;margin-right:7px}.story-notes{position:absolute;right:var(--pad);bottom:119px;color:#c8d2ca;font-size:9px}.reduced .story{height:auto}.reduced .story-sticky{position:relative;height:850px}.reduced .scene-images img{will-change:auto}
.services{background:var(--paper);color:var(--ink);padding:100px var(--pad) 110px}.section-head{display:grid;grid-template-columns:1fr 2.1fr;gap:30px;margin-bottom:68px}.section-head .eyebrow{color:#526962;padding-top:8px}.section-head h2{font-size:clamp(36px,4vw,64px);letter-spacing:-.04em;line-height:1.08;max-width:650px}.service-row{border-top:1px solid #bdc4bd;display:grid;grid-template-columns:1fr 2.1fr;gap:30px}.service-row:last-child{border-bottom:1px solid #bdc4bd}.service-num{padding-top:33px;font-size:12px;color:#526962}.service-row button{padding:29px 0;width:100%;text-align:left;background:none;display:flex;align-items:center;justify-content:space-between;gap:25px}.service-row h3{font-size:clamp(23px,2.5vw,39px);letter-spacing:-.025em}.service-row p{font-size:12px;color:#576b63;line-height:1.5;margin-top:10px}.arrow-circle{flex-shrink:0;width:47px;height:47px;border:1px solid #a7b6ac;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:background .25s,color .25s,transform .25s}.service-row button:hover .arrow-circle{background:var(--green);color:white;transform:rotate(45deg)}
.approach{padding:105px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.approach-image{position:relative;aspect-ratio:1.04;overflow:hidden}.approach-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:25px 20px 17px;font-size:9px;letter-spacing:.08em;background:linear-gradient(transparent,#101c21bb)}.approach-content>.eyebrow{color:var(--mint);margin-bottom:27px}.approach-content h2{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-.035em;margin-bottom:25px}.approach-content p{font-size:14px;color:var(--muted);max-width:370px}.approach-steps{margin:36px 0 0;border-top:1px solid var(--line)}.approach-steps div{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;gap:25px}.approach-steps span{color:var(--mint);font-size:10px;padding-top:2px}
.contact{background:var(--green);padding:80px var(--pad) 55px}.contact-top{display:flex;justify-content:space-between;gap:25px}.contact-top .eyebrow{color:#dce9e0}.contact h2{font-size:clamp(48px,6.5vw,98px);line-height:1.06;letter-spacing:-.045em;margin:42px 0}.contact-main{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:45px;border-bottom:1px solid #b5d3c65c}.contact-phone{font-size:clamp(26px,4vw,56px);letter-spacing:-.03em;display:flex;gap:45px;align-items:center}.contact-phone span{font-size:38px}.contact-main p{max-width:280px;font-size:13px;color:#e0ede3}.contact-other{padding-top:25px;display:flex;align-items:center;gap:35px;font-size:12px}.contact-other a{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:10px 16px;background:var(--deep);color:var(--white);border:1px solid transparent;transition:background .2s,border-color .2s}.contact-other a:hover{background:var(--ink);border-color:var(--mint)}.contact-other a:focus-visible{outline:2px solid var(--white);outline-offset:4px}.messenger-icon{display:block;flex:0 0 24px;width:24px;height:24px;background:currentColor;mask:center/contain no-repeat; -webkit-mask:center/contain no-repeat}.messenger-icon--whatsapp{mask-image:url("assets/whatsapp.svg");-webkit-mask-image:url("assets/whatsapp.svg")}.messenger-icon--viber{mask-image:url("assets/viber.svg");-webkit-mask-image:url("assets/viber.svg")}.footer{padding:39px var(--pad) 27px;background:var(--deep)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer .logo{width:190px}.footer-social{display:flex;gap:25px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:30px;margin-top:30px;border-top:1px solid var(--line);font-size:10px;color:#a5b2ad}.footer-bottom span:last-child{color:var(--mint)}
.mobile-menu{display:none}.detail{background:var(--paper);color:var(--ink);border:0;width:min(1050px,calc(100vw - 48px));max-height:90svh;padding:0}.detail::backdrop{background:#081319bb;backdrop-filter:blur(8px)}.detail-inner{padding:55px}.detail-close{position:absolute;right:20px;top:16px;background:transparent;color:var(--ink);width:44px;height:44px;font-size:30px}.detail h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;line-height:1.12;max-width:750px;margin:22px 0}.detail p{max-width:720px;font-size:15px}.detail ul{list-style:none;padding:0;margin:30px 0}.detail li{padding:14px 0;border-bottom:1px solid #c2cbc2;font-size:14px;line-height:1.5}.detail li:before{content:"↗";margin-right:16px;color:var(--green)}.detail .text-link{border-color:var(--green);margin-top:15px}.detail .eyebrow{color:#526962}.detail .detail-note{font-size:11px;margin-top:25px;color:#526962}
@media(min-width:1800px){.hero-copy{max-width:1100px}.hero-copy>p{font-size:18px;max-width:440px}.hero{max-height:none}}
@media(max-width:1100px){.nav{gap:20px}.header-call{display:none}.header-right{gap:16px}.intro{grid-template-columns:1fr 2.5fr}.stats{gap:25px}.scene-copy{max-width:430px}.material-chips{right:30px}.material-chip{width:80px}.material-chip img{width:62px}.systems{width:220px}.section-head,.service-row{grid-template-columns:.5fr 2.5fr}}
@media(max-width:700px){:root{--pad:24px}.header{height:78px;gap:15px}.logo{width:170px}.nav{display:none}.header-right{gap:12px}.menu-button{display:block}.language{font-size:10px;gap:4px}.hero{height:100svh;min-height:740px;max-height:1000px;align-items:flex-start}.hero-picture img{object-position:61% 50%}.hero:before{background:linear-gradient(180deg,rgba(11,24,29,.78),rgba(11,24,29,.48) 34%,rgba(11,24,29,.01) 65%,rgba(11,24,29,.85)),linear-gradient(90deg,rgba(11,24,29,.28),transparent)}.hero-copy{margin-top:138px}.hero-copy .eyebrow{font-size:9px;margin-bottom:25px}.hero h1{font-size:clamp(48px,12.9vw,80px);line-height:1.06;letter-spacing:-.05em}.hero-copy>p{font-size:12px;max-width:260px;margin:22px 0 15px}.text-link{font-size:12px;gap:35px;padding:10px 0}.hero-bottom{bottom:25px}.hero-bottom .scroll{font-size:10px;gap:10px}.hero-caption{font-size:8px;max-width:145px}.intro{display:block;padding-top:64px;padding-bottom:64px}.intro>.eyebrow{margin-bottom:28px}.intro h2{font-size:32px}.intro-bottom{display:block;margin-top:26px}.intro-bottom p{font-size:13px}.stats{margin-top:32px;gap:65px}.stat strong{font-size:40px}.stat span{font-size:10px}.story-sticky{min-height:740px}.story-top{top:24px;gap:20px}.story-top .eyebrow{font-size:9px;max-width:190px}.story-top a{font-size:10px;white-space:nowrap}.concept-tag{top:74px;font-size:8px;left:var(--pad);right:auto}.scene-images img{object-position:62% center}.scene-shade{background:linear-gradient(0deg,rgba(8,20,25,.96) 10%,rgba(8,20,25,.62) 42%,transparent 72%,rgba(8,20,25,.55)),linear-gradient(90deg,rgba(8,20,25,.28),transparent)}.scene-copy{bottom:165px;max-width:100%}.scene-copy h2{font-size:43px;max-width:350px;margin-bottom:14px}.scene-copy p{font-size:12px;max-width:320px}.scene-index{font-size:9px;margin-bottom:15px}.story-nav{bottom:30px;gap:9px}.story-nav button{font-size:9px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;line-height:1.3;min-height:69px}.story-nav button span{font-size:9px}.story-notes{bottom:112px;left:var(--pad);right:auto;font-size:8px}.linework{width:180%;left:-45%}.material-chips{bottom:auto;top:138px;right:24px;gap:6px}.material-chip{width:70px;height:87px;padding:5px}.material-chip img{width:58px;height:54px;margin-bottom:5px}.material-chip span{font-size:8px}.systems{top:130px;bottom:auto;right:24px;width:191px;padding:14px}.systems .eyebrow{font-size:8px;margin-bottom:9px}.system-row{font-size:10px;padding:9px 0}.services{padding-top:65px;padding-bottom:64px}.section-head{display:block;margin-bottom:35px}.section-head .eyebrow{margin-bottom:25px}.section-head h2{font-size:38px}.service-row{grid-template-columns:26px 1fr;gap:10px}.service-num{font-size:9px;padding-top:29px}.service-row button{padding:25px 0;gap:15px}.service-row h3{font-size:25px}.service-row p{font-size:11px;max-width:230px}.arrow-circle{width:35px;height:35px;font-size:19px}.approach{display:flex;flex-direction:column;align-items:stretch;padding-top:64px;padding-bottom:65px;gap:35px}.approach-image{aspect-ratio:1.13}.approach-content>.eyebrow{margin-bottom:20px}.approach-content h2{font-size:38px}.approach-content p{font-size:13px}.approach-steps{margin-top:25px}.contact{padding-top:50px;padding-bottom:35px}.contact-top .eyebrow{font-size:9px}.contact-top .eyebrow:last-child{text-align:right;max-width:105px}.contact h2{font-size:47px;margin:35px 0}.contact-main{display:block;padding-bottom:25px}.contact-phone{font-size:28px;gap:20px;justify-content:space-between}.contact-phone span{font-size:28px}.contact-main p{font-size:12px;margin-top:24px;max-width:260px}.contact-other{flex-wrap:wrap;gap:16px 27px;font-size:11px;padding-top:16px}.contact-other a:last-child{margin-left:0}.footer{padding-top:30px}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer .logo{width:165px}.footer-social{gap:24px;font-size:10px}.footer-bottom{font-size:9px;line-height:1.6;gap:15px;padding-top:22px;margin-top:24px}.footer-bottom span:last-child{text-align:right}.mobile-menu{display:flex;position:fixed;inset:78px 0 0;background:var(--ink);z-index:19;padding:40px 24px;flex-direction:column;gap:28px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.mobile-menu.open{visibility:visible;opacity:1}.mobile-menu>a{font-size:32px}.mobile-menu>a:last-child{margin-top:auto;font-size:23px;color:var(--mint)}.header.menu-open{position:fixed;background:var(--ink)}.detail{width:calc(100vw - 24px)}.detail-inner{padding:55px 25px 30px}.detail h2{font-size:34px}.detail p,.detail li{font-size:13px}.reduced .story-sticky{height:800px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:359px){.header .logo{width:145px}.header-right{gap:6px}.story-nav button{font-size:8px}.hero-copy{margin-top:130px}.contact-phone{font-size:24px}}
@media(max-height:740px){.story-sticky{min-height:0}.story-top{top:18px}.concept-tag{top:65px}.scene-copy{bottom:130px}.scene-copy h2{font-size:38px;max-width:400px}.scene-copy p{font-size:12px}.scene-index{margin-bottom:12px}.story-nav{bottom:20px}.story-notes{bottom:110px}.systems{top:105px;bottom:auto}.material-chips{top:105px;bottom:auto}}
@media(max-width:700px) and (max-height:740px){.scene-copy h2{font-size:34px}.scene-copy p{font-size:11px}.scene-copy{bottom:130px}.systems{top:95px;padding:12px;width:175px}.system-row{padding:7px 0}.material-chips{top:95px}.story-nav button{min-height:58px}.story-notes{bottom:92px}}
@media(min-width:701px) and (max-height:550px){.scene-copy{bottom:90px;max-width:450px}.scene-copy h2{font-size:35px;margin-bottom:10px}.scene-copy p{font-size:11px;max-width:350px}.scene-index{margin-bottom:8px}.story-nav{bottom:12px}.story-nav button{padding:10px 0;min-height:35px}.story-notes{display:none}.systems{top:95px;width:215px;padding:15px}.system-row{padding:8px 0}.material-chips{top:100px}}