@font-face{font-family:Teka;src:url('./assets/teka.woff') format('woff');font-display:swap}@font-face{font-family:TekaMono;src:url('./assets/teka-mono.woff') format('woff');font-display:swap}
:root{font-family:Teka,Arial,sans-serif;color:#e8e6e7;background:#101212;font-synthesis:none;-webkit-font-smoothing:antialiased;--red:#fa4a30;--white:#eef0eb;--black:#141616;--mono:TekaMono,monospace}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}[hidden]{display:none!important}::selection{color:#fff;background:var(--red)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--red);padding:12px}.skip-link:focus{top:15px}.eyebrow{font:9px/1.6 var(--mono);letter-spacing:.3px}.site-header{position:fixed;left:5%;right:3%;top:36px;display:flex;align-items:center;justify-content:space-between;z-index:20;pointer-events:none;transition:color .5s}.site-header a,.site-header button{pointer-events:auto}.brand{display:flex;align-items:center;gap:17px}.brand-icon{display:grid;place-items:center;background:var(--red);width:35px;height:35px;border-radius:8px;box-shadow:0 2px 4px #0003}.brand-icon img{width:30px;height:30px;object-fit:contain}.brand-name{font-size:16px;letter-spacing:-.45px;opacity:var(--brand-visible,0);transition:opacity .3s}.brand-name sup{font-size:8px;vertical-align:super;margin-left:2px}.header-controls{display:flex;gap:9px;align-items:center}.info-button{width:30px;height:30px;border:1px solid #8885;border-radius:50%;font:12px var(--mono)}.sound-button{display:flex;align-items:center;gap:2px;width:31px;height:30px;justify-content:center;border:1px solid #8885;border-radius:50%}.sound-button span{width:1px;background:currentColor;height:5px}.sound-button span:nth-child(2){height:10px}.sound-button span:nth-child(3){height:13px}.sound-button[aria-pressed=true] span{animation:equalizer .8s ease-in-out infinite alternate}.sound-button[aria-pressed=true] span:nth-child(2){animation-delay:-.3s}.sound-button[aria-pressed=true] span:nth-child(3){animation-delay:-.5s}.hub-button{padding:7px 21px;border:1px solid #8885;border-radius:30px;font-size:14px;display:flex;gap:26px;align-items:center;line-height:1.2;min-width:120px;justify-content:center;background:#88888808}.hub-button span{font-size:12px}.hub-button:hover,.info-button:hover{border-color:var(--red)}.percent{font:9px var(--mono);width:56px;text-align:right;margin-left:12px}.is-light .site-header{color:var(--black)}
.experience{height:740vh}.experience-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.stage-background{position:absolute;inset:0;background:#101212;z-index:-4}.stage-background::after{content:"";position:absolute;inset:0;background:var(--white);opacity:var(--light,0)}.tree-background{position:absolute;inset:12% 19% 10% 27%;background:url('./assets/tree.png') center/contain no-repeat;opacity:calc(.27 * (1 - var(--light,0)));z-index:-2}#motion-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none}.scene{position:absolute;inset:0;z-index:3;pointer-events:none;visibility:hidden;opacity:0;will-change:opacity,transform}.scene.active{visibility:visible;opacity:1}.scene button{pointer-events:auto}.hero-top{position:absolute;left:16.5%;top:4.5%;display:flex;align-items:flex-end;gap:16px}.hero-top h1{font-weight:400;font-size:clamp(65px,6.6vw,112px);line-height:.83;letter-spacing:-.065em}.hero-byline{font-size:12px;line-height:1.3;margin-bottom:10px}.version{position:absolute;top:-7px;left:30vw;font:9px var(--mono);color:#737472;letter-spacing:1px;white-space:nowrap}.hero-wordmark{position:absolute;left:2.4%;bottom:63px;font-size:clamp(140px,17.5vw,320px);font-weight:400;letter-spacing:-.075em;line-height:.77;white-space:nowrap;color:#e8e6e7;z-index:2}.hero-wordmark sup{font-size:.27em;vertical-align:top;line-height:.5;letter-spacing:-.02em;margin-left:9px}.hero-foot{position:absolute;bottom:28px;left:2.5%;right:24%;display:flex;justify-content:space-between;font:9px/1.4 var(--mono)}.hero-scroll{position:absolute;right:3.5%;bottom:27px;display:flex;align-items:center;gap:25px;font:8px var(--mono);padding:5px}.hero-scroll>span:last-child{font-size:24px}.preview-tile{position:absolute;left:16.5%;top:45.5%;width:220px;padding:0;text-align:left}.preview-label{display:block;font-size:12px;color:#aaa;margin-bottom:6px}.preview-window{position:relative;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #7776;border-radius:20px;background:#101212a8;backdrop-filter:blur(8px);transition:transform .3s,border-color .3s;overflow:hidden}.preview-tile:hover .preview-window{transform:translateY(-5px);border-color:var(--red)}.preview-title{position:absolute;bottom:8px;font-size:22px;color:#ccc;letter-spacing:-.7px}.preview-arrow{position:absolute;top:13px;right:15px;font-size:14px}.mini-crest{height:40px;width:40px;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:15px;animation:crest-turn 12s ease-in-out infinite}.mini-crest i{background:var(--red);border-radius:2px 2px 50% 2px}.mini-crest i:nth-child(2){transform:rotate(90deg)}.mini-crest i:nth-child(3){transform:rotate(-90deg)}.mini-crest i:nth-child(4){transform:rotate(180deg)}.side-marker{position:absolute;left:3%;top:45%;z-index:5;display:flex;align-items:center;writing-mode:vertical-rl;font:7px var(--mono);gap:10px;opacity:var(--brand-visible,0)}.marker-line{height:27px;width:1px;background:currentColor;opacity:.4}.scene-dots{position:absolute;right:3%;top:47%;display:flex;flex-direction:column;gap:5px;z-index:7}.scene-dots button{width:20px;height:20px;display:grid;place-items:center;padding:0}.scene-dots button::before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4;transition:height .3s,border-radius .3s}.scene-dots button.active::before{background:var(--red);height:17px;width:4px;border-radius:1px;opacity:1}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:10}.progress-track span{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(0)}.experience-stage.light{color:var(--black)}.sword-copy{position:absolute;left:9%;top:18%}.sword-copy h2{font-weight:400;font-size:clamp(50px,5.7vw,95px);line-height:.96;letter-spacing:-.07em;margin-top:25px}.sword-copy h2 span{color:#969a95}.sword-detail{position:absolute;right:8%;top:45%;display:flex;flex-direction:column;gap:12px;align-items:center;font:9px var(--mono)}.detail-line{display:block;height:70px;width:1px;background:var(--red)}.sword-bottom{position:absolute;left:9%;bottom:13%;font-size:14px;line-height:1.4;letter-spacing:-.3px}.scene-eyebrow{position:absolute;top:19%;left:50%;transform:translateX(-50%);white-space:nowrap;color:#767c74}.kinetic-title{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(55px,7.4vw,120px);font-weight:400;letter-spacing:-.06em;line-height:1}.kinetic-title span{display:inline-block;will-change:transform,filter,opacity}.listen-caption{position:absolute;left:50%;top:60%;transform:translateX(-50%);font-size:12px;color:#7a8077}.corner-note{position:absolute;left:8%;bottom:14%;font:8px/1.4 var(--mono)}.shape-title{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);font-size:clamp(32px,3.5vw,57px);line-height:1;letter-spacing:-.05em;font-weight:400;text-align:center}.shape-note{position:absolute;left:8%;top:46%;display:flex;gap:7px;align-items:center;font:8px var(--mono)}.red-dot{height:5px;width:5px;border-radius:50%;background:var(--red)}.orbit-system{position:absolute;left:50%;top:50%;width:660px;height:490px;transform:translate(-50%,-50%) rotate(var(--orbit,0deg))}.orbit-label{position:absolute;display:flex;flex-direction:column;gap:8px;font-size:16px;width:220px;letter-spacing:-.2px;line-height:1.25}.orbit-label strong{font-weight:400}.orbit-label span{font-size:10px;color:#7d837c;width:150px}.orbit-one{left:25px;top:30px;transform:rotate(-55deg)}.orbit-two{right:-10px;top:65px;transform:rotate(67deg)}.orbit-three{right:45px;bottom:5px;transform:rotate(158deg)}.orbit-four{left:-45px;bottom:75px;transform:rotate(-115deg)}.orbit-side{position:absolute;top:46%;font:8px/1.4 var(--mono)}.orbit-side.left{left:8%}.orbit-side.right{right:8%;text-align:right}.orbit-bottom{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);font:8px var(--mono);letter-spacing:1px;white-space:nowrap}.loading-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;font:9px var(--mono);letter-spacing:1px;transition:opacity .5s;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-line{width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:load-pulse 1s ease-in-out infinite}.model-ready .loading-label{opacity:0;visibility:hidden}.model-fallback{position:absolute;top:49%;left:35%;width:60%;height:55px;transform:rotate(-24deg);display:flex;align-items:center;z-index:0;opacity:.7}.fallback-blade{width:80%;height:27px;background:linear-gradient(#666,#eee 40%,#777 45%,#e8e8e8);clip-path:polygon(0 45%,8% 0,100% 0,100% 100%,6% 100%)}.fallback-handle{width:25%;height:45px;background:repeating-linear-gradient(65deg,#ddd 0 9px,#151515 9px 21px);border-left:13px solid #9d7439;border-radius:3px}.model-ready .model-fallback{display:none}
.explore-section{position:relative;background:#101212;color:#e8e6e7;padding:75px 6% 0;overflow:hidden;min-height:920px}.explore-top{display:flex;justify-content:space-between;color:#898d88}.explore-section h2{font-size:clamp(70px,9vw,150px);font-weight:400;line-height:.92;letter-spacing:-.065em;margin-top:60px}.explore-section h2 span{color:#797d77}.explore-actions{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px}.explore-actions p{font-size:15px;color:#acb0a8;line-height:1.5}.explore-button{display:flex;align-items:center;gap:60px;border:1px solid #7778;border-radius:40px;padding:19px 26px;font-size:18px;transition:color .3s,background .3s}.explore-button:hover{background:var(--red);color:#101212;border-color:var(--red)}.footer-wordmark{font-size:17.3vw;letter-spacing:-.08em;line-height:.83;white-space:nowrap;margin:110px 0 50px -2.4%}.footer-wordmark sup{font-size:.2em;vertical-align:top;line-height:1.5;letter-spacing:0}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;padding:24px 0;gap:20px;font:7px var(--mono);color:#90968d}footer button{font:inherit;padding:0}footer a:hover,footer button:hover{color:var(--red)}
body:has(dialog[open]){overflow:hidden}dialog{color:var(--black);background:var(--white);border:0;border-radius:18px;width:min(640px,calc(100% - 32px));padding:48px;max-height:calc(100svh - 32px);box-shadow:0 20px 120px #0006}dialog::backdrop{background:#080b0bc9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:23px;top:18px;width:35px;height:35px;font-size:30px;font-weight:400}.dialog-close:hover{color:var(--red)}dialog h2{font-size:65px;font-weight:400;line-height:.95;letter-spacing:-.06em;margin:28px 0}dialog>p{font-size:15px;color:#686f64;line-height:1.6;margin-top:20px}dialog p a{color:var(--black);text-decoration:underline}.about-bottom{border-top:1px solid #c8cdc4;display:flex;justify-content:space-between;font:8px var(--mono);margin-top:38px;padding-top:20px}.hub-dialog{width:min(760px,calc(100% - 32px));padding:38px 42px}.hub-dialog h2{display:flex;justify-content:space-between;margin:20px 0 10px;font-size:57px}.hub-dialog h2 span{color:var(--red);margin-right:35px}.hub-intro{font-size:13px!important;margin:0!important}.hub-tabs{display:flex;border-bottom:1px solid #c9d0c3;margin-top:28px;gap:24px}.hub-tabs button{font-size:12px;color:#81867a;position:relative;padding:13px 0}.hub-tabs button[aria-selected=true]{color:var(--black)}.hub-tabs button[aria-selected=true]::after{content:"";height:2px;position:absolute;bottom:-1px;left:0;width:100%;background:var(--red)}.demo-area{height:290px;position:relative;background:#e5e9e0;border-radius:10px;margin-top:22px;overflow:hidden}.demo-panel{height:100%;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.balance-object{height:105px;width:105px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:rotate(var(--balance,0deg));margin-bottom:35px}.balance-object i{border-radius:4px 4px 30px 4px;background:linear-gradient(130deg,#ff7658,var(--red));box-shadow:3px 8px 12px #a735271c}.balance-object i:nth-child(2){transform:rotate(90deg)}.balance-object i:nth-child(3){transform:rotate(-90deg)}.balance-object i:nth-child(4){transform:rotate(180deg)}#demo-balance label{font:8px var(--mono);display:flex;justify-content:space-between;width:75%;margin-bottom:12px}input[type=range]{width:75%;accent-color:var(--red);cursor:pointer}.magnetic-object{width:90px;height:90px;background:var(--red);border-radius:24px;color:var(--white);font-size:48px;box-shadow:0 12px 30px #f3493038;will-change:transform;transition:transform .1s}.demo-panel>p{position:absolute;bottom:20px;font-size:11px;color:#757f6d}#demo-type label{font:8px var(--mono);align-self:flex-start;margin-bottom:9px}#type-input{width:100%;padding:10px 13px;background:#ffffff7a;border:1px solid #cbd2c4;border-radius:5px;font-size:13px;outline-color:var(--red)}.type-preview{font-size:40px;letter-spacing:-.06em;text-align:center;width:100%;white-space:nowrap;margin:28px 0}.type-preview span{display:inline-block;animation:type-in .65s both cubic-bezier(.2,.8,.2,1);animation-delay:calc(var(--i)*30ms)}.play-type{font-size:11px;text-decoration:underline}.hub-footer{font:8px var(--mono)!important;letter-spacing:.4px;margin-top:20px!important}
@keyframes crest-turn{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes equalizer{to{height:3px}}@keyframes load-pulse{50%{opacity:.2;transform:scaleX(.4)}}@keyframes type-in{from{opacity:0;filter:blur(8px);transform:translateY(20px) rotate(5deg)}to{opacity:1;filter:blur(0);transform:none}}
@media(min-width:1800px){.site-header{top:50px}.hero-wordmark{bottom:80px}.hero-foot{font-size:12px}.hero-top h1{font-size:130px}.preview-tile{width:290px}.preview-window{height:165px}}
@media(max-width:1000px){.brand-name{font-size:14px}.site-header{left:4%;top:27px}.hero-top{left:16%;top:14%}.hero-top h1{font-size:80px}.hero-byline{font-size:10px}.version{top:-35px}.preview-tile{width:175px;top:49%;left:12%}.preview-window{height:110px}.hero-wordmark{font-size:17.4vw}.hero-foot{font-size:7px}.hero-scroll{font-size:6px;gap:10px}.hub-button{min-width:105px;font-size:12px;padding:7px 15px;gap:13px}.orbit-system{width:530px;height:430px}.orbit-label{font-size:13px;width:170px}.orbit-label span{font-size:9px;width:125px}.orbit-side.left{left:6%}.orbit-side.right{right:6%}.shape-note{font-size:6px;left:6%}.explore-section{min-height:800px}.footer-wordmark{margin-top:120px}}
@media(max-width:650px){.site-header{top:23px;left:6%;right:5%}.brand{gap:9px}.brand-icon{width:27px;height:27px;border-radius:6px}.brand-icon img{width:25px;height:25px}.brand-name{font-size:12px}.brand-name sup{font-size:6px}.header-controls{gap:6px}.info-button{width:26px;height:26px;font-size:10px}.sound-button{display:none}.hub-button{min-width:87px;font-size:11px;padding:6px 10px;gap:14px}.percent{font-size:7px;margin-left:2px;width:27px}.hero-top{left:13%;top:17%;gap:14px;align-items:flex-end}.hero-top h1{font-size:74px;letter-spacing:-.067em}.hero-byline{font-size:10px;margin-bottom:8px}.version{top:-27px;left:0;font-size:7px}.tree-background{inset:25% -30% 15% 4%;opacity:calc(.22 * (1 - var(--light,0)))}.preview-tile{left:8%;top:auto;bottom:24%;width:118px}.preview-window{height:82px;border-radius:12px}.preview-label{font-size:9px}.preview-title{font-size:16px;bottom:6px}.mini-crest{width:25px;height:25px;gap:2px}.preview-arrow{font-size:10px;top:7px;right:9px}.hero-wordmark{font-size:17.6vw;left:3%;bottom:84px;letter-spacing:-.07em}.hero-wordmark sup{margin-left:3px}.hero-foot{left:6%;right:6%;bottom:27px;font-size:6px;line-height:1.6}.hero-foot span:last-child{display:none}.hero-scroll{right:5%;bottom:25px;font-size:6px;gap:13px}.hero-scroll>span:last-child{font-size:19px}.side-marker{left:4%;font-size:5px;gap:7px;top:49%}.marker-line{height:18px}.scene-dots{right:3%;gap:4px}.scene-dots button{width:15px;height:18px}.sword-copy{left:10%;top:17%}.sword-copy h2{font-size:52px;margin-top:18px}.eyebrow{font-size:7px}.sword-bottom{font-size:11px;bottom:16%;left:10%}.sword-detail{right:10%;top:36%;font-size:7px;gap:10px}.detail-line{height:35px}.scene-eyebrow{top:24%;font-size:6px}.kinetic-title{font-size:48px;top:47%;letter-spacing:-.065em}.listen-caption{font-size:11px;top:57%;white-space:nowrap}.corner-note{font-size:6px;left:10%;bottom:17%}.shape-title{font-size:34px;bottom:20%;white-space:nowrap}.shape-note{top:auto;bottom:13%;left:50%;transform:translateX(-50%);font-size:6px;white-space:nowrap}.orbit-system{width:290px;height:340px;top:48%}.orbit-label{font-size:10px;width:130px;gap:5px}.orbit-label span{font-size:7px;width:110px}.orbit-one{left:0;top:7px;transform:rotate(-50deg)}.orbit-two{right:-35px;top:55px}.orbit-three{right:3px;bottom:-20px}.orbit-four{left:-40px;bottom:40px}.orbit-side{top:auto;bottom:16%;font-size:5px;line-height:1.6}.orbit-side.left{left:8%}.orbit-side.right{right:8%}.orbit-bottom{font-size:6px;bottom:9%}.explore-section{padding:60px 8% 0;min-height:650px}.explore-top .eyebrow{font-size:6px}.explore-section h2{font-size:64px;margin-top:60px}.explore-actions{margin-top:37px;align-items:flex-start;gap:26px;flex-direction:column}.explore-actions p{font-size:12px}.explore-button{font-size:14px;padding:13px 19px;gap:50px}.footer-wordmark{font-size:17vw;margin:70px -5% 34px}.explore-section footer{font-size:5px;gap:12px;flex-wrap:wrap;line-height:1.7;padding:20px 0}.explore-section footer span{flex-basis:100%}.explore-section footer button{margin-left:auto}dialog{padding:40px 27px}dialog h2{font-size:49px}dialog>p{font-size:13px}.about-bottom{font-size:6px;gap:10px}.hub-dialog{padding:35px 24px}.hub-dialog h2{font-size:44px;margin-top:24px}.hub-dialog h2 span{margin-right:12px}.hub-tabs{gap:19px}.hub-tabs button{font-size:10px}.demo-area{height:265px}.demo-panel{padding:20px}.type-preview{font-size:29px}.hub-footer{font-size:6px!important}.model-fallback{left:7%;top:55%;width:93%;height:40px}}
@media(max-height:650px) and (min-width:651px){.hero-top{top:13%}.hero-top h1{font-size:70px}.preview-tile{top:47%;width:145px}.preview-window{height:85px}.hero-wordmark{font-size:16.5vw}.sword-copy{top:20%}.sword-copy h2{font-size:55px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}