@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
:root{--paper:#eae9e1;--ink:#20231f;--line:#c6c8bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{position:absolute;top:0;left:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 4%;color:#f4f2e7}.brand{font-size:35px;font-weight:600;letter-spacing:-2px}.brand span{font-size:11px;vertical-align:top;display:inline-block;margin:7px 0 0 5px;letter-spacing:0}#menuToggle{background:none;border:0;color:inherit;display:flex;gap:20px;align-items:center;font-size:13px}#menuToggle i{display:block;width:27px;height:8px;border-block:1px solid currentColor}#menu{position:fixed;z-index:19;inset:0;background:#222b25;color:var(--paper);padding:150px 8% 60px}#menu:not([hidden]){display:flex;flex-direction:column;justify-content:center}#menu a{font-size:clamp(36px,7vw,100px);letter-spacing:-.06em;border-bottom:1px solid #ffffff25;padding:15px 0}#menu small{font-size:13px;float:right;letter-spacing:0;margin-top:30px}#menu p{margin-top:50px;font-size:11px;letter-spacing:2px}.hero{height:100svh;min-height:690px;background:#171916;position:relative;overflow:hidden;color:#f3f0df}#landscape{position:absolute;inset:0;width:100%;height:100%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070b0b80,transparent 60%);pointer-events:none}.hero-copy{position:absolute;inset:auto 4% 5%;z-index:2}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;line-height:1.7}.hero .eyebrow{margin-bottom:25px}h1{font-weight:400;font-size:clamp(38px,5.3vw,86px);letter-spacing:-.055em;line-height:1.06;margin:0 0 45px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;font-size:12px;line-height:1.6}.scroll{display:flex;align-items:center;gap:50px}.scroll span{border:1px solid #ffffff50;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:20px}.vertical{position:absolute;right:4%;top:40%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;z-index:2}.vision{padding:130px 8% 100px}.vision h2,h2{font-size:clamp(44px,7.5vw,114px);font-weight:400;line-height:1.08;letter-spacing:-.06em;margin:60px 0}em{font-family:Georgia,serif;font-weight:400}.vision h2 em{color:#78816e}.vision-foot{display:flex;justify-content:space-between;align-items:center;margin-top:80px}.asterisk{font-size:90px;font-weight:400;color:#777e6d}.vision-foot p{width:330px;max-width:65%;font-size:15px;line-height:1.7}.explore{padding:50px 4% 110px}.section-head{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.section-head>span{font-size:12px}.project{display:block;background:none;border:0;padding:0;text-align:left;width:100%;margin-bottom:100px}.art{height:650px;position:relative;overflow:hidden;isolation:isolate}.art:after{content:'';position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.art-label{position:absolute;bottom:30px;left:30px;font-size:10px;letter-spacing:3px;color:#ffffff90}.art-one{background:radial-gradient(ellipse at 50% 95%,#666349,#202a26 55%,#101b18)}.sphere{position:absolute;width:410px;height:410px;top:15%;left:calc(50% - 205px);border-radius:50%;background:radial-gradient(circle at 32% 24%,#e1d7aa,#8c926d 28%,#424c3c 55%,#141e1a 76%);box-shadow:30px 70px 90px #0008,inset -20px -20px 40px #0005;transition:transform 1.2s}.orbit{position:absolute;top:38%;left:15%;width:70%;height:30%;border:1px solid #b9bc9270;border-radius:50%;transform:rotate(-22deg)}.project:hover .sphere{transform:translateY(-15px) rotate(8deg)}.project-info{display:flex;align-items:center;gap:30px;padding:22px 0;border-bottom:1px solid var(--line)}.project-info h3{font-size:23px;font-weight:400;letter-spacing:-.7px;margin:0;flex:1}.project-info>span{font-size:11px}.project-info b{font-size:26px;font-weight:400}.project-small{width:66%;margin-left:auto}.art-two{height:620px;background:linear-gradient(120deg,#a08f79,#ccbeaa 45%,#8f806a)}.portal{position:absolute;left:24%;top:11%;width:52%;height:80%;border-radius:200px 200px 0 0;background:radial-gradient(ellipse at 50% 80%,#849484,#293b32 55%,#14291f);box-shadow:inset 20px 10px 30px #0006,20px 0 0 #d3c6b1,25px 0 30px #0003}.steps{position:absolute;width:80%;height:30%;bottom:-10%;left:10%;background:repeating-linear-gradient(0deg,#9b8e7b 0px,#9b8e7b 22px,#d4c4aa 23px,#d4c4aa 31px);transform:perspective(200px) rotateX(35deg)}.interlude{display:flex;justify-content:space-between;align-items:end;margin:150px 4%}.interlude>span{font-size:clamp(35px,5vw,76px);line-height:1.1;letter-spacing:-.05em}.interlude p{font-size:12px;line-height:1.7}.art-three{background:radial-gradient(ellipse at 50% 90%,#c4a17d,#846a51 45%,#2c302b)}.ribbon{position:absolute;left:20%;top:20%;width:60%;height:60%;border:55px solid #c4bc98;border-radius:50%;transform:rotate(-25deg);box-shadow:inset 10px 5px 20px #0007,12px 18px 25px #0005}.r2{transform:rotate(28deg);border-color:#737d68;left:25%;width:50%}.r3{transform:rotate(75deg);border-color:#a49c7b;left:30%;width:40%}.demo-note{font-size:11px;color:#68705f;line-height:1.7}.next{background:#25332a;color:var(--paper);padding:90px 8% 120px}.next h2{margin:80px 0}.next em{color:#b3bda2}.contact{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a9b09d70;padding-bottom:20px;font-size:18px;max-width:460px}.contact span{font-size:32px}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 4%}footer>span{font-size:9px;letter-spacing:1.5px}footer>a:last-child{font-size:11px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform 1.2s}.reveal.visible{opacity:1;transform:none}dialog{background:var(--paper);color:var(--ink);border:0;width:min(900px,94%);padding:75px 6%;max-height:90vh}dialog::backdrop{background:#07100be6;backdrop-filter:blur(12px)}dialog h2{font-size:clamp(40px,6vw,80px)}dialog p:not(.eyebrow){line-height:1.8;max-width:520px}#closeDetail{float:right;background:none;border:0;padding:0 0 30px}body.menu-open{overflow:hidden}body.menu-open header{position:fixed}
@media(max-width:700px){header{padding:25px 6%}.brand{font-size:29px}.hero{min-height:600px}.hero-copy{left:6%;right:6%;bottom:6%}h1{margin-bottom:35px}.hero-bottom{font-size:10px}.scroll{gap:12px}.vertical{display:none}.vision{padding:80px 6%}.vision h2{margin-top:40px}.vision-foot{margin-top:40px}.asterisk{font-size:65px}.vision-foot p{font-size:12px}.section-head>span{display:none}.explore{padding-inline:6%;padding-bottom:60px}.project{margin-bottom:55px}.art,.art-two{height:420px}.sphere{width:270px;height:270px;left:calc(50% - 135px);top:17%}.project-small{width:100%}.project-info h3{font-size:19px}.project-info>span{font-size:9px}.project-info{gap:15px}.interlude{margin:80px 0;display:block}.interlude p{margin-top:25px}.ribbon{border-width:30px;left:10%;width:80%}.r2{left:20%;width:60%}.r3{left:30%;width:40%}.next{padding:70px 6% 90px}.next h2{margin:50px 0}footer{flex-wrap:wrap;gap:30px;padding:30px 6%}footer>span{order:3;width:100%;font-size:8px}dialog{padding:40px 7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}