*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0907;color:#f1e8d8;font-family:Outfit,system-ui,sans-serif;font-size:1.125rem;line-height:1.6;overflow-x:hidden;-webkit-tap-highlight-color:transparent}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#9aa0a6 #0b0907}}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#0b0907;box-shadow:inset 1px 0 #f1e8d814}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#fdfdfd 0%,#9aa0a6 28%,#f4f4f4 50%,#7d838a 74%,#e8e8e8 100%);border-radius:999px;border:3px solid #0b0907}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#ffd23f,#ffa21f 55%,#ff5a3c)}h1,h2,h3{font-family:Michroma,Eurostile,sans-serif;font-weight:400;margin:0;letter-spacing:.02em}a{color:inherit}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}main{position:relative;z-index:1}.cursor-glow{position:fixed;top:0;left:0;z-index:60;pointer-events:none;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,rgba(255,162,31,.22) 0%,rgba(255,90,60,.08) 40%,transparent 68%);mix-blend-mode:screen;opacity:0;transition:opacity .4s}@media (hover: none){.cursor-glow{display:none}}.wrap{width:min(1080px,100% - 2rem);margin:0 auto}.btn{display:inline-block;padding:.85rem 1.8rem;border-radius:999px;text-decoration:none;font-family:Michroma,Eurostile,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-3px) scale(1.04)}.btn.solid{background:#ffa21f;color:#0b0907;box-shadow:0 0 #ffa21f99}.btn.solid:hover{box-shadow:0 0 28px #ffa21fb3}.btn.ghost{border:2px solid #f1e8d8}.btn.ghost:hover{background:#f1e8d8;color:#0b0907}.reveal{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.hero{min-height:100svh;display:grid;position:relative;overflow:hidden;padding-bottom:5.5rem}.hero:before,.hero:after{content:"";position:absolute;left:50%;border-radius:50%;pointer-events:none;transform:translate(-50%)}.hero:before{width:170vw;aspect-ratio:1;bottom:-150vw;background:radial-gradient(circle at 50% 0%,rgba(255,162,31,.35),rgba(255,90,60,.12) 12%,transparent 30%);border-top:3px solid rgba(255,162,31,.7);box-shadow:0 -20px 60px #ffa21f59}.hero:after{width:200vw;aspect-ratio:1;bottom:-183vw;border-top:2px solid rgba(31,154,144,.6)}.hero .hero-main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem 1rem}.hero h1{font-size:clamp(2rem,8vw,5.25rem);line-height:1.12}.hero h1 span{display:block}.hero h1 .chrome{background:linear-gradient(145deg,#fdfdfd 0%,#9aa0a6 28%,#f4f4f4 50%,#7d838a 74%,#e8e8e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em;background-size:200% 100%;animation:sheen 6s ease-in-out infinite alternate}.hero .cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:4rem}.hero .keys{display:flex;align-items:center;gap:.5rem;margin:2.8rem 0 0;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;opacity:.7}.hero .keys kbd{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:.45rem;font-family:Michroma,Eurostile,sans-serif;font-size:.7rem;color:#0b0907;background:linear-gradient(145deg,#fdfdfd 0%,#9aa0a6 28%,#f4f4f4 50%,#7d838a 74%,#e8e8e8 100%);box-shadow:0 3px #5b6066}.hero .keys span{margin-left:.5rem}@media (hover: none){.hero .keys{display:none}}.panel{position:relative;margin-top:-3.5rem;padding:7rem 0 6rem;border-radius:50% 50% 0 0/5rem 5rem 0 0}@media (max-width: 700px){.panel{border-radius:50% 50% 0 0/2.5rem 2.5rem 0 0;padding-top:5rem}}.panel.cream{background:#f1e8d8;color:#2a1d12;margin-top:2rem}.panel.teal{background:#1f9a90;color:#f1e8d8;z-index:2}.panel.coral{background:#ff5a3c;color:#0b0907;z-index:3}.panel.amber{background:#ffa21f;color:#0b0907;z-index:4}.panel .title{font-size:clamp(1.6rem,4vw,2.6rem);text-transform:uppercase;margin-bottom:2.2rem;display:flex;align-items:center;gap:1rem}.panel .title:after{content:"";flex:1;height:4px;border-radius:4px;background:currentColor;opacity:.25}.console{max-width:820px}.switches{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.4rem}.switches button{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.3rem .6rem .8rem;border-radius:999px;border:0;cursor:pointer;background:#2a1d12;color:#f1e8d8;font-family:Michroma,Eurostile,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 -3px 6px #00000080,0 4px #2a1d1240;transition:transform .15s,box-shadow .15s}.switches button:hover{transform:translateY(-2px)}.switches button:active{transform:translateY(2px)}.switches button .lamp{width:1rem;height:1rem;border-radius:50%;background:#4a3a2a;box-shadow:inset 0 0 0 2px #1a120a;transition:background .3s,box-shadow .3s}.switches button.on .lamp{background:radial-gradient(circle,#fff6c8 0 15%,#ffa21f 40%,#ff5a3c 100%);box-shadow:0 0 0 2px #1a120a,0 0 14px 3px #ff5a3ccc}.readout{display:grid;background:#0b0907;color:#f1e8d8;border-radius:2rem 2rem 2rem 4rem;padding:1.8rem 2rem;box-shadow:inset 0 0 0 3px #f1e8d81f,0 0 0 5px #2a1d12}.readout p{grid-area:1/1;margin:0;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:300;line-height:1.55;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s,transform .35s}.readout p.show{opacity:1;transform:none;pointer-events:auto}.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.org{display:block;height:100%;text-decoration:none;background:#0b0907;color:#f1e8d8;border-radius:50% 50% 46% 46%/38% 38% 62% 62%;padding:2.6rem 2rem 3rem;text-align:center;box-shadow:inset 0 0 0 4px #f1e8d81a,0 14px 30px #0000004d;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.org:hover{transform:translateY(-8px) rotate(-1.5deg)}.org .disc{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;font-family:Michroma,Eurostile,sans-serif;font-size:1.5rem;color:#0b0907;background:linear-gradient(145deg,#fdfdfd 0%,#9aa0a6 28%,#f4f4f4 50%,#7d838a 74%,#e8e8e8 100%);box-shadow:0 0 22px #ffd23f80}.org h3{font-size:1.05rem;line-height:1.35}.org .org-role{color:#ffd23f;margin:.6rem 0 0;font-weight:600}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.project{background:#0b0907;color:#f1e8d8;border-radius:2.5rem;padding:2rem;height:100%}.project h3{font-size:1.15rem;margin-bottom:.7rem}.project p{margin:0 0 1rem}.more{text-align:center;margin-top:2.2rem}.more .btn{background:none;color:inherit;border-color:#0b0907;cursor:pointer}.more .btn:hover{background:#0b0907;color:#f1e8d8}.orbs{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.orb{width:9.5rem;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 30% 26%,#55402b 0%,#0b0907 62%);color:#f1e8d8;text-decoration:none;box-shadow:inset 0 -8px 18px #00000080,0 10px 24px #00000040;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.orb strong{font-family:Michroma,Eurostile,sans-serif;font-size:.8rem;letter-spacing:.06em;font-weight:400}.orb small{color:#ffd23f;opacity:.85}.orb:hover{transform:translateY(-10px) scale(1.08);box-shadow:inset 0 -8px 18px #00000080,0 0 40px #ff5a3ccc}.copy{text-align:center;margin:4rem 0 3rem;font-size:.9rem;opacity:.7}.dock{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%);display:flex;gap:.3rem;padding:.4rem;border-radius:999px;background:rgba(11,9,7,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 2px #f1e8d840,0 10px 30px #00000080}.dock a{display:flex;align-items:center;gap:.5rem;padding:.3rem .9rem .3rem .3rem;border-radius:999px;text-decoration:none;color:#f1e8d8;transition:background .25s,color .25s}.dock a:hover{background:rgba(241,232,216,.12)}.dock a .lens{width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-family:Michroma,Eurostile,sans-serif;font-size:.65rem;background:linear-gradient(145deg,#fdfdfd 0%,#9aa0a6 28%,#f4f4f4 50%,#7d838a 74%,#e8e8e8 100%);color:#0b0907;transition:background .25s,box-shadow .25s}.dock a .label{font-size:.85rem;font-weight:600}.dock a.active{background:#f1e8d8;color:#0b0907}.dock a.active .lens{background:radial-gradient(circle,#fff6c8 0,#ffa21f 45%,#ff5a3c 100%);box-shadow:0 0 12px #ff5a3c}@media (max-width: 560px){.dock{gap:.1rem}.dock a{padding:.25rem}.dock a .label{display:none}.dock a.active{padding-right:.9rem}.dock a.active .label{display:inline}}@media (hover: none){.btn:hover,.org:hover,.orb:hover,.switches button:hover,.dock a:hover{transform:none;box-shadow:none}.btn.solid:hover{box-shadow:none}.orb:hover{box-shadow:inset 0 -8px 18px #00000080,0 10px 24px #00000040}.org:hover{box-shadow:inset 0 0 0 4px #f1e8d81a,0 14px 30px #0000004d}.dock a:hover{background:none}.dock a.active:hover{background:#f1e8d8}.btn:active,.org:active,.orb:active{transform:scale(.96)}.btn,.org,.orb{transition-duration:.12s}}@media (max-width: 600px){body{font-size:1.05rem}.hero{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.hero h1{font-size:10vw}.hero .cta{flex-direction:column;width:min(100%,20rem);margin-top:3rem}.hero .cta .btn{text-align:center;padding:1rem 1.8rem}.panel{padding:4.5rem 0 4rem}.panel .title{margin-bottom:1.6rem}.switches{gap:.5rem}.switches button{flex:1 1 auto;justify-content:center;min-height:2.9rem;padding:.6rem .9rem;font-size:.65rem}.readout{padding:1.3rem 1.2rem;border-radius:1.5rem 1.5rem 1.5rem 2.5rem}.org{padding:2rem 1.4rem 2.4rem}.orbs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center}.orbs .reveal{width:100%;display:grid;justify-items:center}.orb{width:min(100%,9rem)}.copy{margin:3rem 0 calc(6rem + env(safe-area-inset-bottom))}.dock a{min-height:2.75rem}.dock a .lens{width:2.2rem;height:2.2rem}}@keyframes sheen{to{background-position:100% 0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}