@font-face{font-family:ATC;src:local('Segoe UI')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#eceee4;color:#1d3027;font-family:ATC,'Segoe UI',Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #65a74a;outline-offset:6px}::selection{background:#b7e98b;color:#16251d}.progress{position:fixed;top:0;left:0;height:3px;width:100%;background:#83bb57;transform:scaleX(0);transform-origin:left;z-index:99}header{position:absolute;top:0;left:0;width:100%;padding:24px 3.5%;display:flex;align-items:center;justify-content:space-between;z-index:9;direction:ltr;gap:30px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:58px;object-fit:contain;mix-blend-mode:multiply}.brand span{font-size:10px;letter-spacing:1.6px;font-weight:750;line-height:1.5}nav,.header-actions{display:flex;align-items:center;gap:30px;font-size:13px}#language,#motion{border:1px solid #8e9b89;background:transparent;width:37px;height:37px;border-radius:50%;font-size:11px}.contact-link{border-bottom:1px solid;padding:8px 0}.hero-scroll{height:205vh}.hero-pin{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;background:#dbe0d2}.hero-art{position:absolute;inset:-4%;will-change:transform}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:57% center}.hero-wash{position:absolute;inset:0;background:linear-gradient(180deg,#ecede16b,transparent 45%,#222e261e)}.hero-copy{position:absolute;top:24%;inset-inline-start:6%;width:88%;will-change:transform;z-index:2}.eyebrow{font-size:13px;display:flex;gap:10px;align-items:center;letter-spacing:.5px}.dot{display:inline-block;width:7px;height:7px;background:#347045;border-radius:50%;box-shadow:0 0 0 5px #34704518}.hero-copy h1{font-size:clamp(72px,10vw,160px);font-weight:500;letter-spacing:-6px;line-height:1.12;margin:35px 0 25px;max-width:1050px}.hero-copy h1 span{display:block}.outline{color:transparent;-webkit-text-stroke:1.4px #243c2c}.hero-bottom{display:flex;align-items:center;gap:40px}.hero-bottom p{max-width:280px;font-size:17px;line-height:1.8}.circle{border:1px solid #62765e;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font-size:27px;transition:.3s}.circle:hover{background:#b4e690;transform:rotate(-35deg)}.hero-meta{position:absolute;bottom:27px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;gap:20px}.hero-next{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;background:#12251d30;opacity:0;pointer-events:none;font-size:clamp(30px,5vw,80px)}.hero-next strong{font-weight:500;font-size:1.6em}.section-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;gap:20px}.vision{padding:100px 5% 0;background:#eceee4;position:relative}.vision-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;align-items:end;margin:65px 0 80px}h2{font-size:clamp(40px,5.5vw,84px);line-height:1.2;font-weight:450;letter-spacing:-2px;margin:0}.vision-heading p,.service-intro p{font-size:18px;line-height:1.9;max-width:420px}.interior{height:80vh;min-height:480px;position:relative;overflow:hidden;border-radius:5px;clip-path:inset(0 6% round 160px 160px 0 0);will-change:clip-path}.interior>img{width:100%;height:120%;object-fit:cover;position:absolute;top:-10%;will-change:transform}.interior:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#0b1719b0)}.interior-caption{position:absolute;bottom:40px;inset-inline-start:40px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:14px;font-size:24px}.interior-caption small{font-size:11px;color:#d2d9d0}.orbit{position:absolute;top:35px;right:35px;border:1px solid #d1ebbf85;border-radius:50%;height:110px;width:110px;display:grid;align-content:center;text-align:center;font-size:12px;letter-spacing:2px;color:#c9e7b7;animation:spin 24s linear infinite}.ticker{overflow:hidden;padding:55px 0 30px;border-bottom:1px solid #bcc6b7;direction:ltr}.ticker div{font-size:clamp(60px,10vw,160px);font-weight:500;letter-spacing:-7px;white-space:nowrap;width:max-content;animation:marquee 35s linear infinite;color:#778d6b}.work{padding:100px 0 70px;overflow:hidden}.work>.section-label,.section-title{margin-inline:5%}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:60px;margin-bottom:60px}.section-title p{font-size:13px;max-width:250px;line-height:1.8}.work-track{display:flex;gap:25px;overflow-x:auto;padding:20px 5% 30px;scroll-snap-type:x mandatory;scrollbar-width:none}.work-track::-webkit-scrollbar{display:none}.work-card{flex:0 0 48%;min-width:300px;scroll-snap-align:center}.work-card:nth-child(even){padding-top:65px}.work-card button{display:block;padding:0;width:100%;border:0;background:none;overflow:hidden;position:relative;border-radius:3px}.work-card img{width:100%;height:400px;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s}.work-card button:hover img{transform:scale(1.055);filter:saturate(1.12)}.work-card .open{position:absolute;right:20px;bottom:20px;background:#e9efdfe0;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:25px}.card-caption{display:flex;justify-content:space-between;gap:20px;margin-top:19px;align-items:start}.card-caption h3{font-size:20px;font-weight:500;margin:0}.card-caption small{font-size:9px;letter-spacing:1px;direction:ltr}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:35px 5% 0;font-size:12px}.gallery-controls button{width:50px;height:50px;background:transparent;border:1px solid #a6b29f;border-radius:50%;font-size:24px}.services{background:#152b22;color:#edf2df;padding:110px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:9%;position:relative}.service-intro{position:sticky;top:60px;align-self:start}.service-intro h2{margin:45px 0 25px}.service-intro p{color:#aebfac;font-size:16px}.sculpture{height:210px;position:relative;perspective:600px;overflow:hidden}.sculpture i{position:absolute;width:170px;height:170px;border:1px solid #b4df8970;left:calc(50% - 85px);top:20px;border-radius:48% 48% 8% 8%;transform:rotateY(55deg) rotateZ(-20deg);animation:sculpt 10s ease-in-out infinite}.sculpture i:nth-child(2){animation-delay:-2s}.sculpture i:nth-child(3){animation-delay:-4s}.sculpture i:nth-child(4){animation-delay:-6s}.sculpture i:nth-child(5){animation-delay:-8s}.service-list details{border-top:1px solid #607363;padding:30px 0}.service-list details:last-child{border-bottom:1px solid #607363}.service-list summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none;font-size:25px}.service-list summary::-webkit-details-marker{display:none}.service-list summary small{color:#acd787;font-size:11px;font-family:Arial}.service-list summary b{font-size:25px;font-weight:300;margin-inline-start:auto}.service-list details[open] summary b{transform:rotate(45deg)}.service-body{padding:20px 38px 0;animation:rise .4s ease}.service-body p{font-size:15px;line-height:1.9;color:#bfcaba}.service-body ul{padding-inline-start:18px;color:#edf2df;font-size:14px;line-height:2.3}.contact{position:relative;overflow:hidden;text-align:center;padding:120px 8% 80px;background:#c9e4b1}.contact .eyebrow{justify-content:center}.contact h2{position:relative;font-size:clamp(48px,7vw,108px);max-width:1000px;margin:45px auto}.contact-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,#f1f7da 0,transparent 65%);left:calc(50% - 350px);top:-90px;animation:glow 10s ease-in-out infinite alternate}.big-cta{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #536d44;padding:20px 0;font-size:24px;position:relative}.big-cta b{border-radius:50%;background:#203c2b;color:#d6efbe;width:65px;height:65px;display:grid;place-items:center;font-weight:400;transition:transform .3s}.big-cta:hover b{transform:rotate(45deg)}.contact-details{position:relative;display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:90px;font-size:16px}footer{padding:30px 5%;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:10px;flex-wrap:wrap}.concept-note{color:#687963}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform 1s}.reveal.visible{opacity:1;transform:none}.cursor{position:fixed;top:0;left:0;width:56px;height:56px;display:grid;place-items:center;border:1px solid #83a166;border-radius:50%;pointer-events:none;z-index:100;opacity:0;font-size:24px;transition:opacity .2s;background:#eaf2dd55;backdrop-filter:blur(2px)}dialog{border:0;padding:0;background:#13231b;color:white;max-width:94vw;max-height:94vh;width:1100px}dialog::backdrop{background:#05130be8;backdrop-filter:blur(10px)}dialog img{display:block;width:100%;max-height:80vh;object-fit:contain}dialog p{padding:0 25px}#close{position:absolute;right:15px;top:15px;border:0;border-radius:50%;width:45px;height:45px;font-size:30px;background:#eef2e5;z-index:3}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}body.paused .reveal{opacity:1;transform:none}html[dir=ltr] .hero-copy h1{font-size:clamp(65px,9.7vw,150px);letter-spacing:-7px}html[dir=ltr] h2{letter-spacing:-3px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sculpt{0%,100%{transform:rotateY(55deg) rotateZ(-20deg) scale(.8)}50%{transform:rotateY(235deg) rotateZ(20deg) scale(1)}}@keyframes glow{to{transform:translate(160px,80px) scale(1.3)}}
@media(max-width:800px){header{padding:20px 5%;gap:10px}nav{display:none}.header-actions{gap:10px}.contact-link{display:none}.brand img{width:35px;height:44px}.brand span{font-size:8px}.hero-pin{min-height:620px}.hero-scroll{height:165vh}.hero-art img{object-position:61% center}.hero-copy{top:28%}.hero-copy h1{font-size:clamp(65px,14vw,110px);letter-spacing:-3px}.hero-bottom p{font-size:15px;max-width:230px}.hero-meta{font-size:9px}.hero-meta span:nth-child(2){display:none}.hero-next strong{font-size:1.4em}.vision{padding-top:70px}.vision-heading{grid-template-columns:1fr;gap:20px;margin:40px 0}.vision-heading p{font-size:16px}.interior{height:65vh;min-height:440px}.interior-caption{inset-inline-start:22px;bottom:26px;font-size:20px;max-width:80%}.orbit{height:75px;width:75px;font-size:9px}.ticker div{letter-spacing:-3px}.work{padding-top:65px}.section-title{display:block;margin-top:40px;margin-bottom:30px}.work-card{flex-basis:86%}.work-card img{height:320px}.work-card:nth-child(even){padding-top:35px}.card-caption{flex-direction:column;gap:8px}.services{grid-template-columns:1fr;padding-top:70px;gap:25px}.service-intro{position:relative;top:0}.service-intro h2{max-width:400px}.sculpture{height:160px}.service-list summary{font-size:22px}.service-body{padding-inline:20px}.contact{padding:80px 6% 60px}.contact h2{font-size:52px;letter-spacing:-2px}.big-cta{font-size:20px;gap:30px}.contact-details{gap:22px;flex-direction:column;margin-top:60px}.section-label{font-size:9px}.cursor{display:none}html[dir=ltr] .hero-copy h1{font-size:15vw;letter-spacing:-3px}html[dir=ltr] h2{letter-spacing:-2px}.gallery-controls span{max-width:180px;text-align:center}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Short brand introduction. CSS removes the overlay even if JavaScript fails. */
.intro{position:fixed;inset:0;z-index:150;background:#e9eddf;display:grid;place-items:center;overflow:hidden;animation:intro-exit .8s cubic-bezier(.76,0,.24,1) 1.8s both;direction:ltr}
.intro-center{text-align:center;position:relative;z-index:2;animation:intro-enter 1s ease both}
.intro-center img{width:155px;height:140px;object-fit:contain;mix-blend-mode:multiply;animation:intro-logo 1.8s ease-in-out both}
.intro-center p{font-size:13px;letter-spacing:4px;margin:24px 0 16px;color:#233c2d}
.intro-center>span{font-size:11px;color:#63775d;letter-spacing:.3px}
.intro-line{width:220px;height:2px;background:#bfcdb7;margin:32px auto;overflow:hidden}
.intro-line i{display:block;width:100%;height:100%;background:#719f4b;transform-origin:left;animation:intro-line 1.8s ease both}
.intro-orbit{position:absolute;width:min(75vw,600px);aspect-ratio:1;border:1px solid #9ab58b50;border-radius:50%;animation:intro-orbit 2.6s ease both}
.intro-orbit:before,.intro-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #9ab58b40;border-radius:50%;transform:rotateX(55deg) rotateZ(35deg)}
.intro-orbit:after{transform:rotateY(55deg) rotateZ(-35deg)}
.intro-skip{position:absolute;bottom:35px;right:5%;border:0;border-bottom:1px solid #7a8e70;background:none;padding:10px 0;font-size:12px;z-index:3}
@keyframes intro-exit{0%{clip-path:inset(0 0 0 0);visibility:visible}99%{visibility:visible}100%{clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none}}
@keyframes intro-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes intro-logo{0%{transform:scale(.85);filter:blur(5px)}55%,100%{transform:scale(1);filter:blur(0)}}
@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes intro-orbit{from{transform:rotate(-30deg) scale(.85);opacity:0}to{transform:rotate(30deg) scale(1.1);opacity:1}}
@media(prefers-reduced-motion:reduce){.intro{display:none!important}}

/* Expanded photographic story */
.spaces-story{padding:100px 5% 40px;background:#e9ecdf;overflow:hidden}.story-heading{margin:80px auto 100px;text-align:center;max-width:850px}.story-heading .eyebrow{justify-content:center;margin-bottom:25px}.space-chapter{display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;align-items:center;margin:90px 0 140px}.chapter-copy>span{font-size:10px;letter-spacing:2px}.chapter-copy h3{font-size:clamp(34px,4.5vw,68px);font-weight:450;line-height:1.3;letter-spacing:-1.5px;margin:30px 0}.chapter-copy p{font-size:16px;line-height:1.9;color:#62735e;max-width:330px}.chapter-composition{height:650px;position:relative}.motion-photo{margin:0;will-change:transform}.motion-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .6s;cursor:zoom-in}.motion-photo img:hover{filter:brightness(1.07)}.motion-photo img:focus-visible{outline:4px solid #77a751;outline-offset:4px}.motion-photo figcaption{font-size:12px;margin-top:12px}.chapter-composition .large{position:absolute;top:0;inset-inline-start:0;width:83%;height:470px}.chapter-composition .large img{border-radius:160px 160px 4px 4px}.chapter-composition .inset{position:absolute;bottom:0;inset-inline-end:0;width:47%;height:290px;z-index:2}.chapter-composition .inset img{border:9px solid #e9ecdf}.chapter-number{position:absolute;bottom:18px;inset-inline-start:0;font-size:130px;font-weight:300;color:#9caa8c;line-height:1}.space-chapter.reverse .chapter-copy{order:2}.space-chapter.reverse{grid-template-columns:1.3fr .7fr}.night-story{height:105vh;min-height:700px;position:relative;overflow:hidden;background:#10221b;color:#eef3df}.night-photo{position:absolute;inset:-10% 0;will-change:transform}.night-photo img{width:100%;height:100%;object-fit:cover}.night-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061b1760,#061b17d0)}.night-copy{position:absolute;top:25%;inset-inline-start:7%;max-width:650px;width:65%;z-index:2}.night-copy h2{margin:30px 0;font-size:clamp(48px,6.5vw,100px)}.night-copy p{font-size:17px;line-height:1.8}.night-small{position:absolute;width:28%;height:260px;bottom:50px;inset-inline-end:5%;border:6px solid #e8ebdd;transform:rotate(-5deg)}.photo-river{padding:100px 0 70px;overflow:hidden;background:#e1e7d6}.photo-river>.section-label,.river-heading{margin-inline:5%}.river-heading{max-width:850px;margin-top:55px;margin-bottom:55px}.river-heading p{font-size:15px;margin-top:25px;color:#68795d}.river-window{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8caa73 transparent;direction:ltr;padding:40px 0 60px}.river-track{display:flex;gap:25px;width:max-content;padding:0 5vw}.river-card{width:340px;height:360px;flex:none}.river-card:nth-child(even){margin-top:55px}.river-card img{height:300px;border-radius:4px}.river-card:nth-child(3n) img{border-radius:140px 140px 4px 4px}.river-card figcaption{direction:rtl}.journey{padding:90px 5% 110px}.journey h2{margin:50px 0 65px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.journey-grid article{border-top:1px solid #a7b69a;padding-top:25px}.journey-grid article>span{font-size:12px;color:#7b9468}.journey-grid h3{font-size:30px;font-weight:450;margin:22px 0}.journey-grid p{font-size:16px;line-height:1.9;max-width:330px;color:#62735e}html[dir=ltr] .river-card figcaption{direction:ltr}
@media(max-width:800px){.spaces-story{padding-top:65px}.story-heading{margin:55px auto}.space-chapter,.space-chapter.reverse{display:flex;flex-direction:column;gap:35px;margin:60px 0 90px;align-items:stretch}.space-chapter.reverse .chapter-copy{order:0}.chapter-copy h3{font-size:42px}.chapter-copy p{max-width:100%}.chapter-composition{height:470px}.chapter-composition .large{height:330px;width:88%}.chapter-composition .large img{border-radius:100px 100px 4px 4px}.chapter-composition .inset{height:220px;width:53%}.chapter-number{font-size:95px}.night-story{height:850px;min-height:0}.night-copy{width:86%;top:14%;inset-inline-start:7%}.night-copy h2{font-size:54px}.night-small{width:65%;height:230px;bottom:45px}.river-card{width:270px;height:310px}.river-card img{height:250px}.photo-river{padding-top:65px}.journey-grid{grid-template-columns:1fr;gap:25px}.journey{padding:65px 5%}.journey h2{margin:35px 0 45px}}
