@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--paper:#f3f3ef;--ink:#06070b;--shubo-sage:#8fb093;--shubo-clay:#e8916f;--pingbo-matcha:#8ba63f;--pingbo-lime:#d4f038;--linen:#dbc4a5;--page-pad:clamp(1.15rem, 2.6vw, 3rem);--header-height:4.8rem;--lockup-font-size:clamp(1.125rem, 1.45vw, 1.375rem);--scroll-grid-shift:0px}*{box-sizing:border-box}html{background:var(--ink);height:100%;min-height:100%;overflow:hidden}body{background:var(--ink);min-width:320px;height:100%;min-height:100%;color:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Helvetica Neue,Arial,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}canvas{display:block}::selection{background:var(--pingbo-lime);color:#0f1611}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.experience{--thesis-fusion-color-a:#ff385c;--thesis-fusion-color-b:#00c7e6;--thesis-fusion-angle:135deg;--thesis-fusion-position:50% 50%;isolation:isolate;background:var(--ink);height:100svh;min-height:100svh;position:relative;overflow:hidden}.skip-link{z-index:1000;background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.7rem .9rem;font:500 .65rem/1 DM Mono,monospace;transition:transform .18s;position:fixed;top:.7rem;left:.7rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.view-switcher{pointer-events:auto;flex-direction:row;flex:none;align-items:center;gap:clamp(.85rem,1.8vw,1.35rem);display:flex;position:absolute;left:auto;right:0;transform:none}.view-switcher__button{color:#fff;font-family:inherit;font-size:var(--lockup-font-size);letter-spacing:-.035em;text-align:left;text-underline-offset:.22rem;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;line-height:1;text-decoration:none;transition:opacity .22s,text-decoration-color .22s}.view-switcher__button:hover{text-decoration:underline}.view-switcher__button[aria-pressed=true]{color:#fff;text-decoration:underline}.view-switcher__button:focus-visible{outline-offset:.22rem;outline:2px solid #fff}.site-header{z-index:100;width:100%;height:auto;padding:1.05rem var(--page-pad) 1.8rem;isolation:isolate;pointer-events:none;color:var(--paper);flex-direction:column;align-items:flex-start;gap:.52rem;display:flex;position:fixed;top:0;left:0;right:auto}.header-topline{pointer-events:none;align-items:center;width:100%;display:flex;position:relative}.site-header:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(at 0 0,#02030ae0 0%,#03050e99 43%,#0000 76%);width:min(43rem,100vw);transition:opacity .52s;position:absolute;inset:0 auto -3.2rem 0}.brand{pointer-events:auto;flex:none;align-items:center;gap:.42rem;line-height:1;transition:opacity .52s,transform .82s cubic-bezier(.22,1,.36,1);display:inline-flex}.brand-mark{font-size:var(--lockup-font-size);letter-spacing:-.055em;font-weight:700}.header-thesis{color:#f7f9fff5;background:linear-gradient(var(--thesis-fusion-angle), var(--thesis-fusion-color-a) 0%, var(--thesis-fusion-color-b) 50%, var(--thesis-fusion-color-a) 100%);background-position:var(--thesis-fusion-position);font-size:var(--lockup-font-size);letter-spacing:-.035em;-webkit-text-fill-color:transparent;white-space:nowrap;background-size:180% 180%;-webkit-background-clip:text;background-clip:text;margin:0;padding-block-end:.14em;font-weight:600;line-height:1.02;transition:opacity .52s,transform .82s cubic-bezier(.22,1,.36,1)}.header-thesis span{display:block}main{height:100%}.hero{perspective:90rem;background:radial-gradient(circle at 50% 50%, #080a14 0, #04060d 48%, #020308 100%), var(--ink);height:100svh;min-height:34rem;position:relative;overflow:hidden}.hero:before,.hero:after{z-index:1;content:"";pointer-events:none;position:absolute}.hero:before{opacity:.32;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.95%,#dbc4a512 50%,#0000 50.05%),linear-gradient(#0000 49.95%,#8fb0930d 50%,#0000 50.05%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:min(11vw,9rem) min(11vw,9rem);background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.hero:after{background:linear-gradient(90deg, var(--ink), transparent 18%, transparent 82%, var(--ink)), linear-gradient(var(--ink), transparent 16%, transparent 84%, var(--ink));inset:0}.technical-grid{z-index:2;transform:perspective(72rem) rotateX(63deg) translateY(calc(45% - var(--scroll-grid-shift)));opacity:.13;background-image:linear-gradient(#dbc4a514 1px,#0000 1px),linear-gradient(90deg,#8fb09314 1px,#0000 1px);background-size:clamp(3.5rem,6vw,6.8rem) clamp(3.5rem,6vw,6.8rem);transition:transform 80ms linear;animation:9s ease-in-out infinite alternate grid-breathe;position:absolute;inset:-30%;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.three-scene{z-index:20;position:absolute;inset:0;overflow:hidden}.three-canvas{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%}.three-canvas[data-dragging=true]{cursor:grabbing}.three-canvas[data-product-dragging]{cursor:move}.three-canvas:focus-visible{outline-offset:-.5rem;outline:1px solid #c7dcffb8}.celestial-info{--celestial-accent:#8ecbff;z-index:5;border:1px solid #f3f3ef2e;border-left:2px solid var(--celestial-accent);background:linear-gradient(105deg, color-mix(in srgb, var(--celestial-accent) 11%, transparent), transparent 48%), #04060cf0;width:min(22rem,100vw - 2rem);box-shadow:0 0 2.6rem color-mix(in srgb, var(--celestial-accent) 13%, transparent), 0 .55rem 1.8rem #0000006b;pointer-events:auto;font-synthesis:none;-webkit-font-smoothing:auto;border-radius:.2rem;padding:.8rem .95rem .78rem 1rem;display:grid;position:absolute;top:0;left:0}.celestial-info[hidden]{display:none}.celestial-info__name{color:var(--paper);letter-spacing:.1em;-webkit-text-decoration-color:var(--celestial-accent);text-decoration-color:var(--celestial-accent);text-underline-offset:.28rem;justify-self:start;font:500 clamp(.9rem,1.3vw,1.1rem)/1.1 DM Mono,monospace;text-decoration-thickness:1px}.celestial-info__name:after{color:var(--celestial-accent);content:"↗";margin-left:.42rem;font-size:.72em}.celestial-info__name:hover,.celestial-info__name:focus-visible{color:var(--celestial-accent)}.celestial-info__name:focus-visible{outline:1px solid var(--celestial-accent);outline-offset:.32rem}.celestial-info__description,.celestial-info__metrics{color:var(--paper);letter-spacing:.06em;text-rendering:optimizelegibility;margin-top:.52rem;font:500 clamp(.68rem,.9vw,.8rem)/1.42 DM Mono,monospace;display:block}.celestial-info__metrics{color:color-mix(in srgb, var(--celestial-accent) 88%, white);margin-top:.32rem}.scene-instruction{z-index:2;bottom:1.8rem;left:var(--page-pad);color:#f3f3ef6b;letter-spacing:.12em;pointer-events:none;gap:1rem;font:500 .46rem/1 DM Mono,monospace;transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1);display:flex;position:absolute}.scene-instruction span{align-items:center;gap:.35rem;display:inline-flex}.scene-instruction span:before{aspect-ratio:1;content:"";background:currentColor;border-radius:50%;width:.28rem}.motion-status{z-index:40;right:var(--page-pad);color:#f3f3ef70;letter-spacing:.1em;pointer-events:none;grid-template-columns:auto clamp(4rem,9vw,8rem) auto;align-items:center;gap:.65rem;font:500 .46rem/1 DM Mono,monospace;transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:1.8rem}.experience[data-view=products] .scene-instruction,.experience[data-view=products] .motion-status{opacity:0;transform:translateY(.7rem)}.motion-status>i{background:#f3f3ef29;height:1px;position:relative;overflow:hidden}.motion-status b{background:linear-gradient(90deg, var(--shubo-sage), var(--pingbo-lime), var(--shubo-clay));animation:2.15s linear infinite both status-progress;position:absolute;inset:0}@keyframes grid-breathe{0%{opacity:.16}to{opacity:.3}}@keyframes status-progress{0%{transform:translate(-110%)}to{transform:translate(110%)}}@media (width<=760px){:root{--header-height:4.2rem;--page-pad:1rem}.experience{min-height:100svh}.hero{min-height:31rem}.site-header{gap:.46rem;width:100%;padding-top:.9rem}.brand{gap:.3rem}.scene-instruction{bottom:1.15rem;left:1rem}.scene-instruction span:last-child{display:none}.motion-status{bottom:1.15rem;right:1rem}.motion-status>span:first-child{display:none}}@media (width<=420px){:root{--lockup-font-size:.92rem}.view-switcher{gap:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}.scene-instruction{display:none}}