@layer base, layout, motion;
@layer base {
  :root{color-scheme:dark;--black:#080909;--white:#eeefec;--muted:#a0a3a1;--line:#2b2e2c;--gutter:clamp(24px,5vw,96px);font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--white)}
  *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:#c8cbc6;color:#080909}:focus-visible{outline:2px solid #e7e9e3;outline-offset:8px}h1,h2,p{margin:0}h1,h2{font-weight:400}button{border:0;background:none}.micro{font-family:'Courier New',monospace;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.11em}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:16px;background:#eee;color:#111;transform:translateY(-150%)}.skip-link:focus{transform:none}
}
@layer layout {
  .masthead{position:absolute;inset:0 0 auto;z-index:5;padding:36px var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:700;letter-spacing:-.055em}.masthead>.micro{color:var(--muted)}.hero{min-height:800px;height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-content{padding:60px var(--gutter) 0;position:relative;width:100%}h1{font-size:clamp(72px,10.6vw,192px);line-height:.91;letter-spacing:-.06em}h1 span{color:#aeb2af}.hero-bottom{position:absolute;bottom:38px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.scroll-link{display:flex;align-items:center;gap:55px}.scroll-link span{font:24px Arial}.surface{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 40%,#272b28 0, #101311 35%,#080909 72%)}.surface-plane{position:absolute;top:-25%;left:52%;height:160%;width:35%;transform:rotate(27deg);background:linear-gradient(90deg,#ffffff02,#ffffff00 75%,#c1c6bc08 99.6%,#ffffff23);border-right:1px solid #dce5d419;box-shadow:50px 0 100px #0008}.surface:after{content:'';position:absolute;inset:0;opacity:.1;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.section{padding:110px var(--gutter);position:relative}.section-index{color:var(--muted);margin-bottom:100px}.statement{min-height:90svh;display:flex;flex-direction:column;justify-content:center}.statement h2{font-size:clamp(42px,7.3vw,130px);line-height:1.05;letter-spacing:-.055em;margin-left:15%}.system{min-height:800px;border-top:1px solid var(--line)}
  @media(max-width:700px){.masthead{padding-top:26px}.masthead>.micro{font-size:12px}.brand{font-size:23px}.hero{min-height:640px;max-height:1000px}.hero-content{padding-top:30px}h1{font-size:clamp(62px,14vw,98px);line-height:.95;letter-spacing:-.065em}h1 span{display:block}.hero-bottom{bottom:28px}.hero-bottom>span.micro{display:none}.section{padding:80px var(--gutter)}.statement{min-height:680px}.statement h2{margin-left:0;font-size:clamp(34px,8vw,56px)}.section-index{margin-bottom:85px}}
}
@layer base {
.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
}
@layer layout {
.reveal{display:block}.section-top,.system-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.system{padding-top:48px;padding-bottom:38px;min-height:720px}.system-map{height:480px;position:relative;margin:55px 0 25px;background-image:radial-gradient(#7d847843 .65px,transparent .65px);background-size:24px 24px}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-width:1}.map-axis{stroke:#272d29;stroke-dasharray:3 9}.map-route{stroke:#747d7060;transition:stroke .6s}.map-orbit{stroke:#69706220}.system-map:has(.project-point:is(:hover,:focus-visible,[aria-expanded=true])) .map-route{stroke:#aab2a399}.project{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2}.project-point{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #939b8260;border-radius:50%;background:#111411;position:relative;transition:transform .5s,border-color .5s,background .5s;font-size:16px;font-variant-numeric:tabular-nums}.project-point:before{content:'';position:absolute;inset:-9px;border:1px solid #838d7220;border-radius:50%}.project-point:is(:hover,:focus-visible,[aria-expanded=true]){transform:scale(1.1);border-color:#d1d7cb;background:#242922}.project-detail{position:absolute;top:91px;left:50%;width:220px;text-align:center;transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s;font-size:12px;letter-spacing:.1em;color:#d5d9d1;line-height:1.6}.project-point[aria-expanded=true]+.project-detail{opacity:1;visibility:visible;transform:translate(-50%,0)}.project-detail a{display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:5px}.project-detail p{margin-top:8px;letter-spacing:0;font:14px/1.5 Arial}.project-detail img{width:100%;height:90px;object-fit:cover;margin-top:12px}.system:has(.project-detail img){padding-bottom:150px}.secret{display:flex;gap:26px;align-items:center;padding:12px 0;min-height:44px;min-width:185px;justify-content:space-between}.secret:hover{color:#fff}.building{min-height:870px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.building-title{padding:130px 0}.building h2{font-size:clamp(70px,15.25vw,260px);letter-spacing:-.06em;line-height:.92}.building-title>p{margin-top:36px;margin-left:8px}.building-line{height:1px;width:100%;background:linear-gradient(90deg,#bbbdb7 0 18%,#30352f 18% 100%)}.statistics{display:flex;gap:60px;padding-bottom:50px}.statistics div{display:flex;flex-direction:column;gap:14px}.statistics strong{font-size:46px;font-weight:400}.creating{min-height:900px;display:flex;flex-direction:column;justify-content:center}.creating>p{margin-bottom:100px}.creating h2{font-size:clamp(56px,10.7vw,184px);line-height:.99;letter-spacing:-.065em;margin-left:15%}.word-stage{display:block;min-height:1.2em;color:#aeb4ac}.word-stage>span:first-child{display:block;transition:transform .65s,opacity .65s;white-space:nowrap}.word-stage>span.leaving:first-child{opacity:0;transform:translateY(-.15em)}.word-indicators{display:flex;gap:12px;margin:60px 0 0 15%}.word-indicators i{width:24px;height:1px;background:#343b33;transition:background .8s}.word-indicators .current{background:#d4d9cf}.final{min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#080909,#050505)}.final>p{margin-bottom:110px}.final h2{font-size:clamp(49px,9.6vw,170px);letter-spacing:-.065em;line-height:1.03}.final-mark{align-self:flex-end;font-size:70px;margin-top:80px;color:#a3a79f}footer{padding:40px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#050505;border-top:1px solid #232622}.intro{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#060707;pointer-events:none;animation:intro-away 1.4s cubic-bezier(.4,0,.2,1) 2.4s forwards}.intro span{font-size:clamp(42px,9vw,135px);font-weight:700;letter-spacing:-.06em;color:transparent;background:linear-gradient(110deg,#242726 20%,#b1b7b0 45%,#363b37 60%,#171a18 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;text-shadow:0 1px 1px #ffffff0a;animation:engrave 2.8s cubic-bezier(.2,.6,.2,1) both}.brand img{display:block;width:154px;height:auto;aspect-ratio:5.515/1;object-fit:contain}
@media(min-width:1600px){.system-map{height:570px}.system{min-height:850px}}
@media(max-width:700px){.system{padding-top:32px;min-height:760px}.section-top>.micro:last-child{display:none}.system-map{height:560px;margin-top:40px;margin-bottom:30px}.connections{display:none}.system-map:before{content:'';position:absolute;left:33px;top:50px;bottom:50px;width:1px;background:#65705a60}.project{left:34px!important;top:calc(65px + var(--order)*140px)!important}.project-point{width:54px;height:54px}.project-detail{top:50%;left:90px;width:calc(100vw - 184px);text-align:left;transform:translateY(-50%);font-size:12px}.project-point[aria-expanded=true]+.project-detail{transform:translateY(-50%)}.system-bottom>.micro{font-size:12px;letter-spacing:0}.secret{min-width:160px;font-size:12px;letter-spacing:.04em;gap:12px}.building{min-height:650px}.building-title{padding:95px 0}.building h2{font-size:15vw}.building-title>p{margin-left:2px;margin-top:27px}.creating{min-height:690px}.creating h2{margin-left:0;font-size:clamp(44px,11.4vw,78px)}.creating>p{margin-bottom:90px}.word-indicators{margin-left:0}.final{min-height:750px}.final h2{font-size:clamp(35px,8.4vw,59px)}.final>p{margin-bottom:90px}.final-mark{font-size:50px}.footer-claim{display:none}footer{padding-top:30px;padding-bottom:30px}.statistics{gap:30px;flex-wrap:wrap}}
}
@layer motion {
.motion .reveal{opacity:.18;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.motion .reveal.is-visible{opacity:1;transform:none}.surface:before{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at center,#c8d3bc0d,transparent 50%);transform:translate(var(--light-x,0),var(--light-y,0));transition:transform 1.8s ease-out}.intro.short{animation-delay:.4s}.intro.short span{animation-duration:1.1s}@keyframes engrave{0%{opacity:0;background-position:100% 0;transform:scale(.98)}35%{opacity:1}100%{opacity:1;background-position:0 0;transform:scale(1)}}@keyframes intro-away{to{opacity:0;visibility:hidden}}@keyframes ambient{50%{transform:translate(-8%,5%)}}@media(hover:none) and (prefers-reduced-motion:no-preference){.surface:before{animation:ambient 18s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.motion .reveal{opacity:1;transform:none}.word-stage>span.leaving:first-child{opacity:1;transform:none}}
}

@layer layout{.surface{filter:grayscale(1)}@media(max-width:700px){.system-bottom{gap:12px;flex-wrap:wrap}.secret{min-width:144px}}}

@layer layout{.intro span.intro-logo{display:block;width:clamp(230px,48vw,680px);aspect-ratio:5.515/1;font-size:0;background-clip:border-box;-webkit-background-clip:border-box;mask:var(--intro-logo) center/contain no-repeat;-webkit-mask:var(--intro-logo) center/contain no-repeat}@media(max-width:700px){.brand img{width:138px}}}