:root{--ui-color: #fff;--ui-color-inverse: #000;--bg: #111;--line-weight: 1px;--transition-timing: .85s cubic-bezier(.2, 1, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body,#root{width:100vw;min-height:100vh;overflow-x:hidden;font-family:var(--font-sans);background:var(--bg);color:var(--ui-color);-webkit-font-smoothing:antialiased;position:relative}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00000038,#00000052 30%,#0000006b 70%,#00000080);min-height:100%}#glcanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.ui-layer{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh;pointer-events:none}.ui-layer>*{pointer-events:auto}.frame-top{width:100%;padding:24px 32px 16px;border-bottom:var(--line-weight) solid var(--ui-color);display:flex;justify-content:space-between;align-items:flex-end}.sys-title{font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.01em}.sys-subtitle{font-size:14px;font-weight:400;line-height:1.2;letter-spacing:-.01em;margin-top:2px}.sys-meta-right{font-size:12px;text-transform:uppercase;letter-spacing:.04em;text-align:right;display:flex;align-items:center;gap:16px}.lang-picker{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.lang-btn{background:transparent;border:none;color:inherit;font:inherit;padding:2px 4px;opacity:.5;transition:opacity .2s ease;cursor:pointer}.lang-btn:hover{opacity:.85}.lang-btn.is-active{opacity:1;border-bottom:1px solid currentColor;padding-bottom:1px}.lang-sep{opacity:.3;pointer-events:none}.admin-btn{font-size:12px;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor;padding:4px 10px;opacity:.85;transition:background .2s ease,opacity .2s ease;font-family:var(--font-mono)}.admin-btn:hover{background:#ffffff1f;opacity:1}.frame-bottom{width:100%;padding:16px 32px 24px;border-top:var(--line-weight) solid var(--ui-color);display:flex;justify-content:space-between;align-items:flex-start;margin-top:auto}.branding{font-size:14px;letter-spacing:-.01em}.dot-signature{font-size:18px;line-height:14px}.brand-link{pointer-events:auto;text-decoration:none;color:inherit}.slider-container{flex-grow:1;display:flex;width:100%;min-height:70vh}.column{flex:1;border-right:var(--line-weight) solid var(--ui-color);position:relative;cursor:crosshair;transition:flex var(--transition-timing);display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px;overflow:hidden;background:#fff0}.column:last-child{border-right:none}.slider-container:hover .column{flex:1}.slider-container .column:hover{flex:4}.col-index{font-size:12px;font-weight:500;letter-spacing:.02em}.col-content-main{flex-grow:1;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-10px);transition:opacity .4s ease,transform .6s cubic-bezier(.2,1,.2,1);text-align:center}.column:hover .col-content-main{opacity:1;transform:translate(0);transition-delay:.2s}.col-title{font-size:clamp(32px,4vw,64px);font-weight:400;letter-spacing:-.03em;text-transform:capitalize;white-space:nowrap;color:inherit}.col-footer{display:flex;justify-content:flex-end;align-items:flex-end;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.4;transition:opacity .4s ease;white-space:nowrap}.column:hover .col-footer{opacity:1}.spec-list{list-style:none;display:flex;flex-direction:column;gap:4px}.content{flex-grow:1;padding:48px 32px;max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}.content h1{font-size:clamp(28px,4vw,48px);font-weight:400;letter-spacing:-.03em;margin-bottom:16px}.content .lede{font-size:18px;line-height:1.5;max-width:720px;opacity:.8;margin-bottom:48px}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--ui-color);border:var(--line-weight) solid var(--ui-color)}.section-card{background:#00000073;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:180px;cursor:pointer;transition:background .3s ease;color:#fff}.section-card:hover{background:#0009}.section-card .index{font-size:12px;font-weight:500;letter-spacing:.02em;opacity:.6}.section-card h3{font-size:24px;font-weight:400;letter-spacing:-.02em}.section-card p{font-size:13px;line-height:1.5;opacity:.7}.section-card .tags{margin-top:auto;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.5}.resource-list{display:flex;flex-direction:column}.resource-row{display:grid;grid-template-columns:60px 1fr 120px 120px;gap:16px;padding:16px 0;border-bottom:var(--line-weight) solid rgba(0,0,0,.2);align-items:center;font-size:13px}.resource-row .idx{opacity:.4;font-size:11px;font-family:var(--font-mono)}.resource-row .name{font-weight:500;letter-spacing:-.01em}.resource-row .name small{display:block;font-weight:400;opacity:.6;font-size:12px;margin-top:2px}.resource-row .meta{font-family:var(--font-mono);font-size:12px;opacity:.7;text-align:right}.timeline{display:flex;flex-direction:column;border-top:var(--line-weight) solid var(--ui-color)}.timeline-item{display:grid;grid-template-columns:120px 1fr 200px;gap:24px;padding:24px 0;border-bottom:var(--line-weight) solid var(--ui-color);align-items:start}.timeline-item .when{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;opacity:.6}.timeline-item h3{font-size:18px;font-weight:500;letter-spacing:-.01em;margin-bottom:4px}.timeline-item p{font-size:13px;line-height:1.5;opacity:.7;max-width:600px}.timeline-item .tag{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.5;text-align:right}.reach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--ui-color);border:var(--line-weight) solid var(--ui-color)}.reach-card{background:transparent;padding:32px 24px;display:flex;flex-direction:column;gap:8px}.reach-card .label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.5}.reach-card .title{font-size:24px;font-weight:500;letter-spacing:-.02em}.reach-card .detail{font-size:13px;line-height:1.5;opacity:.7;margin-top:8px}.reach-card a{margin-top:16px;font-family:var(--font-mono);font-size:12px;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start}@media (max-width: 768px){.frame-top,.frame-bottom{padding:16px}.column{padding:16px 12px}.col-title{font-size:24px;transform:rotate(-90deg)}.column:hover .col-title{transform:rotate(0)}.slider-container:hover .column{flex:.5}.slider-container .column:hover{flex:5}.col-footer{flex-direction:column;align-items:flex-start;gap:8px}.spec-list:last-child{display:none}.content{padding:32px 16px}.resource-row{grid-template-columns:40px 1fr 80px}.resource-row .meta.lang{display:none}.timeline-item{grid-template-columns:80px 1fr}.timeline-item .tag{grid-column:1 / -1;text-align:left}}