@font-face{font-family:Orbitron;src:url('/assets/fonts/Orbitron-Variable.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:Zen;src:url('/assets/fonts/ZenKakuGothicNew-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Zen;src:url('/assets/fonts/ZenKakuGothicNew-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--black:#070808;--white:#edeee7;--gray:#a2a69d;--line:#2b2e28;--acid:#c5e4a1;--display:Orbitron,Arial,sans-serif;--body:Zen,'Hiragino Kaku Gothic ProN',sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;color:var(--white);background:var(--black);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:6px}a:hover{color:var(--acid)}button,a,input{-webkit-tap-highlight-color:transparent}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.skip-link{position:absolute;top:12px;left:12px;z-index:20;padding:12px;background:var(--white);color:var(--black);transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header{position:absolute;z-index:4;inset:0 0 auto;border-bottom:1px solid #ffffff14}.navigation{display:flex;align-items:center;gap:36px;min-height:86px}.brand{display:flex;align-items:center;gap:12px;font:800 13px var(--display);letter-spacing:.08em;white-space:nowrap}.brand>span,.live-dot{width:5px;height:5px;background:var(--acid);border-radius:50%;display:inline-block}.navigation nav{display:flex;gap:30px;margin-left:auto}.navigation nav a,.nav-note{font:400 9px var(--display);letter-spacing:.06em}.navigation nav a{color:#c4c9bb}.nav-note{padding-left:34px;border-left:1px solid var(--line);color:#a7ada0}.hero{min-height:760px;min-height:max(720px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;padding:178px 0 52px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(black,transparent 90%)}.hero-diagram{position:absolute!important;width:65%;height:95%;top:3%;right:-5%;color:#858e78;opacity:.8}.diagram{position:relative;overflow:hidden}.diagram canvas,.diagram-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.diagram-fallback{color:#9aa58f;opacity:.65}.motion-ready .diagram-fallback{display:none}.hero-content{position:relative;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font:400 9px var(--display);letter-spacing:.18em;color:#b4bca8;margin:0 0 58px;display:flex;align-items:center;gap:13px}.hero h1{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.065em;line-height:.9}.hero-word{display:block;font-size:clamp(68px,12.2vw,177px)}.hero-second{display:flex;align-items:end;gap:45px;margin-top:20px}.hero-os{font-size:clamp(90px,14vw,200px);color:transparent;-webkit-text-stroke:1px #e4e8d9}.hero-tagline{font:400 clamp(12px,1.5vw,20px)/1.7 var(--display);letter-spacing:.015em;padding-bottom:8px;max-width:380px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:96px}.hero-caption,.scroll-link{font:400 8px var(--display);letter-spacing:.07em}.hero-caption{color:#abb3a0}.scroll-link{display:flex;align-items:center;gap:30px}.scroll-link span{font:400 20px var(--body)}.philosophy{border-top:1px solid var(--line);padding-top:52px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.label,.quiet-label{font:400 9px var(--display);letter-spacing:.11em;color:#a8b09f;margin:0}.motion-controls{display:flex;align-items:center;gap:17px;color:#a8b09f;font:400 8px var(--display);letter-spacing:.08em}.motion-controls input{width:85px;height:20px;cursor:pointer;accent-color:var(--acid)}.motion-controls button{border:1px solid #536047;background:transparent;color:var(--white);padding:9px 13px;cursor:pointer;font:400 8px var(--display);min-width:65px;letter-spacing:.03em}.motion-controls button:hover{background:var(--acid);color:var(--black)}.principle{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;min-height:352px;border-bottom:1px solid var(--line);align-items:center;padding-block:30px}.principle:first-of-type{margin-top:24px}.principle-copy{position:relative;z-index:1}.index{font:400 8px var(--display);letter-spacing:.12em;color:#b3bea5;display:block;margin-bottom:28px}.principle h3{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:400;font-size:clamp(33px,4.4vw,62px);letter-spacing:-.06em;line-height:1.05;margin:0;white-space:nowrap}.period{color:var(--acid)}.principle p{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:.08em;color:#b0b6a8;line-height:1.9;margin:22px 0 0}.principle p>span{color:#edf0e4;font-size:11px;padding-right:20px;border-right:1px solid #4b5541}.study{height:290px;isolation:isolate;touch-action:pan-y}.diagram-label,.diagram-corner{position:absolute;z-index:1;font:400 7px var(--display);color:#a6b298;letter-spacing:.12em;bottom:16px;left:12px;pointer-events:none}.diagram-corner{left:auto;right:8px;font-size:13px}.projects{padding:100px 0 84px}.quiet-label{font-size:7px;color:#a2ad95}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.project{min-width:0}.project-meta{display:flex;justify-content:space-between;gap:12px;font:400 8px var(--display);letter-spacing:.08em;color:#acb4a1;margin-bottom:18px}.available{color:var(--acid)}.available i{display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%;vertical-align:2px;margin-right:7px}.project-art{height:300px;position:relative;display:flex;align-items:center;padding:38px;overflow:hidden;background:#10130e;border:1px solid #333a2c;transition:border-color .3s,background .3s}.project-art:hover{border-color:#8eaa73;background:#141a0f}.project-art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:40px 40px}.project-art>img{position:relative;z-index:1;object-fit:cover;border-radius:24px;box-shadow:0 20px 50px #0007;transition:transform .5s}.project-art:hover>img{transform:translateY(-8px) rotate(-4deg)}.art-arrow{position:absolute;right:25px;bottom:20px;font-size:26px;color:#a5b695}.word-grid,.number-grid{position:absolute;right:7%;display:flex;flex-direction:column;gap:26px;align-items:start;width:47%;color:#acb99e;font-family:var(--display);pointer-events:none}.word-grid>span:first-child,.word-grid>span:last-child{font-size:8px;letter-spacing:.15em;color:#a5b298}.word-grid>span:nth-child(2){font:400 clamp(25px,3vw,43px) Arial,sans-serif;letter-spacing:-.045em}.word-definition{display:block;font:400 10px var(--body);letter-spacing:.1em;margin-top:13px;color:#b4bcad}.number-grid{gap:23px;font-size:13px;letter-spacing:.02em;right:5%}.number-grid>span:first-child{color:#bfc9b3}.number-grid>span:nth-child(2){font-size:12px;color:#a5b298}.number-grid>span:last-child{font-size:42px;letter-spacing:-.04em;color:var(--white)}.number-line{display:block;width:100px;height:1px;background:var(--acid);margin-top:15px;transform-origin:left;animation:measure 7s ease-in-out infinite}.project h3{font:500 clamp(20px,2.5vw,34px)/1.2 var(--display);letter-spacing:-.03em;margin:26px 0 10px}.project-description{font-size:12px;letter-spacing:.06em;color:#afb8a5;margin:0;line-height:1.9}.project-links{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.project-links>a{display:flex;align-items:center;gap:22px;font:400 8px var(--display);letter-spacing:.04em;min-height:30px}.project-links>a span[aria-hidden]{font:400 16px Arial}.release-note{font-size:10px;color:#a1aa96}.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:55px;padding-bottom:70px;align-items:start}.about .label{font-size:17px;line-height:1.7;color:#d4dccb;letter-spacing:.01em}.about p{font-size:12px;line-height:2.2;color:#b1bba6;margin:0;letter-spacing:.06em}.closing{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0 35px}.closing-track{display:flex;gap:48px;width:max-content;animation:marquee 45s linear infinite}.closing-track>span{font:600 clamp(42px,7.2vw,108px)/1 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #768766}.closing-track>span:nth-child(even){color:#c7d2b9;-webkit-text-stroke:0}footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:31px;padding-bottom:31px;font:400 8px var(--display);letter-spacing:.06em;color:#acb69e}footer>a{display:flex;align-items:center;gap:20px}footer>a>span{font:400 16px Arial}body.motion-paused .closing-track,body.motion-paused .number-line{animation-play-state:paused}@keyframes marquee{to{transform:translateX(calc(-50% - 24px))}}@keyframes measure{0%,100%{transform:scaleX(.5);opacity:.5}50%{transform:scaleX(1);opacity:1}}
@media(min-width:1500px){.hero-diagram{right:0;width:62%;}.hero-content{padding-top:30px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav-note{display:none}.hero-diagram{width:78%;right:-16%;opacity:.7}.principle{grid-template-columns:1.1fr .9fr;gap:20px}.principle h3{font-size:clamp(31px,4.5vw,46px)}.project-grid{gap:28px}.project-art{height:270px;padding:28px}.project-art>img{width:86px;height:86px;border-radius:19px}.word-grid{right:6%}.number-grid{font-size:11px}.number-grid>span:nth-child(2){font-size:9px}.number-grid>span:last-child{font-size:34px}.principle p{gap:12px;font-size:10px}.principle p>span{padding-right:12px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.navigation{min-height:72px;gap:18px}.brand{font-size:10px;gap:8px}.brand>span{width:4px;height:4px}.navigation nav{gap:18px}.navigation nav a{font-size:7px}.hero{min-height:680px;min-height:max(620px,90svh);padding:138px 0 34px;align-items:center}.hero-diagram{width:135%;height:90%;right:-46%;top:4%;opacity:.6}.eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:47px}.hero-word{font-size:clamp(38px,11.4vw,80px)}.hero-second{gap:24px;margin-top:18px}.hero-os{font-size:clamp(75px,24vw,140px)}.hero-tagline{font-size:9px;line-height:1.8;padding-bottom:4px}.hero-bottom{margin-top:78px;align-items:start;flex-direction:column;gap:26px}.hero-caption{font-size:6px;letter-spacing:.02em}.scroll-link{font-size:7px;gap:24px}.philosophy{padding-top:31px}.section-top{gap:12px}.label{font-size:7px}.motion-controls{gap:9px;font-size:6px}.motion-controls input{width:50px}.motion-controls button{padding:8px;min-width:46px;font-size:6px}.principle{grid-template-columns:1fr;gap:5px;padding-block:34px 20px}.principle:first-of-type{margin-top:12px}.index{font-size:7px;margin-bottom:18px}.principle h3{font-size:clamp(31px,8.7vw,52px)}.principle p{font-size:10px;margin-top:15px;gap:14px}.principle p>span{font-size:10px;padding-right:14px}.study{height:225px;margin-top:10px}.diagram-label{font-size:6px;bottom:8px}.diagram-corner{bottom:6px}.projects{padding-top:60px;padding-bottom:46px}.quiet-label{display:none}.project-grid{grid-template-columns:1fr;gap:48px;margin-top:30px}.project-meta{font-size:7px;margin-bottom:14px}.project-art{height:265px;padding:30px}.project-art>img{width:90px;height:90px;border-radius:20px}.word-grid{right:5%;gap:23px}.word-grid>span:nth-child(2){font-size:31px}.word-definition{font-size:9px}.number-grid{font-size:12px;right:4%}.number-grid>span:nth-child(2){font-size:10px}.number-grid>span:last-child{font-size:37px}.project h3{font-size:25px;margin-top:23px}.project-description{font-size:11px}.project-links{padding-top:16px;margin-top:19px}.project-links>a{font-size:8px;gap:22px}.release-note{font-size:9px}.about{grid-template-columns:1fr;gap:22px;padding-top:36px;padding-bottom:45px}.about .label{font-size:14px}.about p{font-size:11px}.closing{padding:21px 0 27px}.closing-track{gap:30px}.closing-track>span{font-size:48px}footer{font-size:6px;gap:15px;padding-block:25px}footer>a{gap:10px}}
@media(prefers-reduced-motion:reduce){.closing-track,.number-line{animation:none}.project-art,.project-art>img{transition:none}}



@media(max-width:700px){.navigation{flex-wrap:wrap;gap:16px 12px;min-height:96px;padding-top:18px;padding-bottom:15px}.navigation nav{order:2;width:100%;margin-left:0;justify-content:space-between;gap:8px}.navigation nav a{font-size:8px}.navigation .brand{font-size:10px}}