@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#121715;color:#f2eee7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #d9aa6b;outline-offset:5px}header{height:94px;display:flex;justify-content:space-between;align-items:center;margin:0 4.5%;border-bottom:1px solid #ffffff30;position:relative;z-index:10}.brand{font-family:Outfit,sans-serif;font-size:25px;font-weight:600;letter-spacing:-1px;display:flex;gap:8px}.brand span{font-size:9px;letter-spacing:1px;padding-top:6px;font-weight:400}header>span{font-size:8px;letter-spacing:1.6px}header>a:last-child{font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hub-intro{padding:55px 4.5% 45px;position:relative}.hub-intro>.eyebrow{color:#cdb999}.hub h1{font:300 clamp(60px,7.5vw,120px)/1.02 Outfit,sans-serif;letter-spacing:-.055em;margin:30px 0 0}.hub h1 em{font:400 1em Georgia,serif;color:#cdb999}.hub-intro p{position:absolute;right:8%;bottom:45px;font-size:14px;line-height:1.7;color:#b8bfb6}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 4.5%}.world-card{height:520px;position:relative;overflow:hidden;isolation:isolate;background:#233b35;border:1px solid #ffffff20}.world-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}.world-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071412ed,transparent 80%);z-index:-1}.world-card>img{z-index:-2}.world-card:hover>img{transform:scale(1.1)}.world-id{position:absolute;top:22px;left:22px;font-size:8px;letter-spacing:1.6px}.world-card>div:not(.hub-orbit){position:absolute;bottom:45px;left:24px;right:24px}.world-card>div>span{font-size:7px;letter-spacing:1px}.world-card h2{font:300 clamp(30px,3.5vw,52px)/1 Outfit,sans-serif;letter-spacing:-1.8px;margin:18px 0}.world-card p{font-size:11px;line-height:1.7;max-width:210px;color:#c8ccc5}.world-card>b{position:absolute;bottom:22px;right:24px;font-size:26px;font-weight:400}.services-card{background:#231426}.hub-orbit{position:absolute;inset:15% -15% 20%;display:grid;place-items:center;transform:rotate(-28deg)}.hub-orbit i{position:absolute;width:88%;height:50%;border:1px solid #d8b3df90;border-radius:50%;animation:orbit 20s linear infinite}.hub-orbit i:nth-child(2){transform:rotate(60deg);animation:none}.hub-orbit i:nth-child(3){transform:rotate(-60deg);animation:none}.hub-orbit span{font-size:80px!important;color:#f0cde4;text-shadow:0 0 60px #ee99ff77}@keyframes orbit{to{transform:rotate(360deg)}}.hub-end{padding:85px 4.5%;display:flex;justify-content:space-between;gap:40px;align-items:end}.hub-end h2{font:300 54px/1.1 Outfit,sans-serif;margin:0;letter-spacing:-2px}.hub-end h2 em{font:400 1em Georgia,serif;color:#cdb999}.hub-end p{font-size:13px;line-height:1.9;color:#b8bfb6;max-width:400px;margin:0}footer{display:flex;justify-content:space-between;gap:25px;margin:0 4.5%;padding:30px 0;border-top:1px solid #ffffff25;font-size:8px;letter-spacing:1px}footer a{font-size:10px;letter-spacing:0}
/* The spaces world: a tactile architectural journey. */
.spaces{background:#e9e1d3;color:#2b3027}.spaces header{position:absolute;top:0;left:0;right:0;color:#2b3027;border-color:#2b302740}.space-stage{position:relative;height:100svh;min-height:820px;max-height:1250px;overflow:hidden;--view-x:0%;--view-y:0%;--view-scale:1.03;--shade:.25}.space-image{position:absolute;inset:0;overflow:hidden}.space-image img{width:100%;height:100%;object-fit:cover;transform:scale(var(--view-scale)) translate(var(--view-x),var(--view-y));transition:transform 1.8s cubic-bezier(.2,.75,.2,1);transform-origin:50% 50%}.space-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f0e6d6dd,transparent 75%),linear-gradient(0deg,#121b1655,transparent 40%);pointer-events:none}.space-top{position:absolute;top:125px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.space-copy{position:absolute;left:6%;top:28%;max-width:600px;pointer-events:none}.space-copy h1{font:300 clamp(45px,5.7vw,90px)/1.03 Outfit,sans-serif;letter-spacing:-.05em;margin:25px 0}.space-copy h1 em{font:400 1em Georgia,serif}.space-copy p{font-size:14px;line-height:1.8;max-width:350px}.hotspot{position:absolute;display:flex;align-items:center;gap:10px;background:#f4ede1df;border:1px solid #2b302730;border-radius:25px;padding:7px 15px 7px 7px;color:#2b3027;font-size:10px;box-shadow:0 4px 30px #131b1620}.hotspot>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #2b302750;border-radius:50%;font-size:18px}.hotspot:hover,.hotspot[aria-pressed=true]{background:#2e4337;color:#f3ede1}.light-point{top:24%;left:55%}.matter-point{top:63%;left:72%}.inhabit-point{top:70%;left:50%}.space-nav{position:absolute;left:6%;bottom:70px;display:flex;align-items:center;gap:20px;color:#f2eee7;background:#1a2a22e6;padding:17px 20px;border-radius:3px;backdrop-filter:blur(10px)}.space-nav>button{border:1px solid #ffffff40;border-radius:50%;width:38px;height:38px;color:inherit;background:none;font-size:19px}.space-nav>div>span{display:block;font-size:7px;letter-spacing:1.3px;margin:0 0 10px 4px}.space-dots{display:flex;gap:8px}.space-dots button{background:none;border:0;border-bottom:1px solid transparent;color:#ffffff80;font-size:11px;padding:4px}.space-dots button[aria-pressed=true]{color:#fff;border-bottom-color:#fff}.space-live{position:absolute;left:6%;bottom:25px;color:#fff;font-size:9px;text-shadow:0 1px 15px #000;background:#1a2a2270;padding:5px 10px}.space-story{padding:80px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.space-story h2{font:300 60px/1.08 Outfit,sans-serif;letter-spacing:-2.5px;margin:25px 0}.space-story h2 em{font:400 1em Georgia,serif}.space-story>div+div{padding-top:35px}.space-story p{font-size:15px;line-height:1.9}.space-story a{display:inline-block;border-bottom:1px solid;padding:15px 0;font-size:12px;margin-top:10px}.spaces footer{border-color:#2b302730}
/* The services world: an interactive field finding order. */
.services{background:#160f1a;color:#f0e9ee}.services header{border-color:#f0e9ee25}.service-stage{height:calc(100svh - 94px);min-height:740px;max-height:1200px;position:relative;overflow:hidden;background:#160f1a}.service-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.service-meta{position:absolute;top:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.4px;pointer-events:none;color:#b7a5b9}.service-title{position:absolute;left:6%;top:24%;max-width:57%;pointer-events:none}.service-title h1{font:300 clamp(48px,6.2vw,100px)/1.03 Outfit,sans-serif;letter-spacing:-.05em;margin:0 0 27px;text-shadow:0 0 40px #160f1a}.service-title h1 em{font:400 1em Georgia,serif;color:#d5b4d6}.service-title p{font-size:14px;line-height:1.8;color:#b9aabd;text-shadow:0 0 25px #160f1a}.service-title button{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:55px;background:#efd9e8;color:#231626;border:0;border-radius:40px;padding:18px 24px;margin-top:30px;font-size:13px}.service-title button>span{font-size:24px}.service-title button:hover{background:#fff}.service-hint{position:absolute;bottom:32px;left:6%;right:4.5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;letter-spacing:1.2px}.service-hint>span{color:#9b8b9f}.service-hint button{background:none;color:#d5b4d6;border:1px solid #d5b4d650;border-radius:24px;padding:12px 18px;font-size:9px}.service-direction{padding:70px 6%;display:grid;grid-template-columns:1fr 1fr;gap:45px 12%;background:#211726}.service-question h2{font:300 50px/1.1 Outfit,sans-serif;letter-spacing:-2px;margin:25px 0}.service-question h2 em{font:400 1em Georgia,serif;color:#d5b4d6}.service-options button{display:flex;width:100%;gap:25px;align-items:center;text-align:left;background:none;border:0;border-top:1px solid #d5b4d630;color:#d5c5d9;padding:24px 0;font-size:19px;font-weight:400}.service-options button:last-child{border-bottom:1px solid #d5b4d630}.service-options button span{font-size:8px}.service-options button b{margin-left:auto;font-size:24px;font-weight:400}.service-options button[aria-pressed=true]{color:#fff}.service-answer{grid-column:1/-1;border-top:1px solid #d5b4d630;padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:18px 12%}.service-answer>span{font-size:8px;letter-spacing:1px;color:#bfa7c5;grid-column:1/-1}.service-answer h3{font:300 48px/1.1 Outfit,sans-serif;letter-spacing:-1.5px;margin:0;grid-row:span 2}.service-answer p{font-size:14px;line-height:1.9;max-width:470px;margin:0}.service-answer a{font-size:12px;border-bottom:1px solid;padding:12px 0;justify-self:start}.service-final{padding:75px 6%}.service-final h2{font:300 47px/1.12 Outfit,sans-serif;letter-spacing:-1.7px;margin:30px 0}.service-final h2 em{font:400 1em Georgia,serif;color:#d5b4d6}.service-final p{max-width:520px;line-height:1.9;font-size:14px;color:#b9aabd}.service-final a{font-size:12px;display:inline-block;padding:15px 0;border-bottom:1px solid;margin-top:15px}
@media(max-width:700px){header{height:80px;gap:15px}.brand{font-size:21px;gap:6px}.brand span{font-size:7px}header>span{display:none}header>a:last-child{font-size:9px}.hub-intro{padding-top:35px}.hub-intro>.eyebrow{font-size:7px;line-height:1.8;display:block}.hub h1{font-size:64px}.hub-intro p{position:static;font-size:12px;margin:25px 0 0}.world-grid{grid-template-columns:1fr;gap:15px}.world-card{height:450px}.world-card h2{font-size:48px}.world-card p{font-size:12px}.hub-orbit{inset:10% 0 20%}.hub-end{padding-top:50px;padding-bottom:45px;display:block}.hub-end h2{font-size:43px}.hub-end p{font-size:12px;margin-top:25px}footer{font-size:7px;line-height:1.8;align-items:start}footer>span:last-child{max-width:45%;text-align:right}.space-stage{min-height:810px;height:100svh}.space-top{top:105px;font-size:6px;letter-spacing:1px;gap:20px}.space-top>span:first-child{max-width:55%;line-height:1.8}.space-copy{top:23%;left:6%;right:6%}.space-copy>.eyebrow{font-size:7px}.space-copy h1{font-size:47px;max-width:90%}.space-copy p{font-size:12px;max-width:220px}.space-image img{object-position:62% center}.space-shade{background:linear-gradient(90deg,#f0e6d6eb,#f0e6d666 75%),linear-gradient(0deg,#121b1677,transparent 40%)}.hotspot{font-size:8px;gap:6px;padding-right:10px}.hotspot>span{width:23px;height:23px;font-size:16px}.light-point{top:18%;left:57%}.matter-point{top:62%;left:59%}.inhabit-point{top:70%;left:39%}.space-nav{left:6%;bottom:72px;gap:16px;padding:13px 15px}.space-nav>button{width:32px;height:32px}.space-live{font-size:7px;right:6%;bottom:25px;line-height:1.6}.space-story{padding-top:50px;padding-bottom:45px;grid-template-columns:1fr;gap:15px}.space-story h2{font-size:44px}.space-story>div+div{padding:0}.space-story p{font-size:13px}.service-stage{height:calc(100svh - 80px);min-height:760px}.service-meta{top:22px;font-size:6px;letter-spacing:1px}.service-meta>span{max-width:45%;line-height:1.8}.service-title{top:20%;max-width:88%;right:6%;left:6%}.service-title h1{font-size:49px}.service-title p{font-size:12px}.service-title button{padding:15px 22px;font-size:12px}.service-hint{font-size:6px;bottom:28px;letter-spacing:.8px}.service-hint>span{max-width:47%;line-height:1.7}.service-hint button{font-size:8px;padding:12px}.service-direction{padding-top:45px;padding-bottom:45px;grid-template-columns:1fr;gap:25px}.service-question h2{font-size:40px}.service-options button{font-size:18px}.service-answer{grid-template-columns:1fr;gap:20px}.service-answer h3{font-size:40px;grid-row:auto}.service-answer p{font-size:13px}.service-final{padding-top:45px;padding-bottom:45px}.service-final h2{font-size:36px}.service-final p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hub-orbit i{animation:none}.space-image img,.world-card>img{transition:none}}