:root{--color-bg: #0a0a0f;--color-text: rgba(255, 255, 255, .88);--color-accent-border: rgba(255, 255, 255, .04);--color-grid-line: rgba(58, 74, 90, .15);--color-grid-line-major: rgba(58, 74, 90, .3);--color-grid-line-dim: rgba(58, 74, 90, .05);--color-glass-bg: rgba(255, 255, 255, .08);--color-glass-border: rgba(255, 255, 255, .15);--color-separator: rgba(255, 255, 255, .06);--opacity-sketch: .4;--opacity-subtitle: 1;--opacity-footer-text: .5;--font-mono: "Space Mono", monospace;--font-sans: "Inter", sans-serif;--fs-name: clamp(1.8rem, 5vw, 3.5rem);--fs-title: clamp(.9rem, 2vw, 1.2rem);--fs-quote: clamp(1.2rem, 3vw, 1.8rem);--fs-footer: .85rem;--lh-quote: 1.6;--ls-title: .3em;--panel-pad-desktop: 3rem 4rem;--panel-pad-mobile: 2rem 1.5rem;--philosophy-pad-y: 25vh;--footer-pad: 3rem;--separator-width: 100px;--panel-radius: 16px;--grid-size-minor: 20px;--grid-size-major: 100px;--glass-blur: 10px;--crossfade-display: 4s;--crossfade-transition: 1.5s;--fadein-dur: .8s;--fadein-translate: 30px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;opacity:0;animation:global-fade .8s ease-out forwards}@keyframes global-fade{to{opacity:1}}.hero{position:fixed;top:0;left:0;width:100%;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,var(--color-bg) 70%)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px),linear-gradient(var(--color-grid-line-major) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line-major) 1px,transparent 1px);background-size:var(--grid-size-minor) var(--grid-size-minor),var(--grid-size-minor) var(--grid-size-minor),var(--grid-size-major) var(--grid-size-major),var(--grid-size-major) var(--grid-size-major);will-change:background-position;animation:grid-flow 30s linear infinite;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 90%);mask-image:radial-gradient(circle at center,black 30%,transparent 90%)}.spotlight{position:absolute;top:-40%;left:60%;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.07) 0%,rgba(255,255,255,.03) 30%,transparent 70%);pointer-events:none;z-index:1;filter:blur(40px);animation:spotlight-pulse 8s ease-in-out infinite alternate}@keyframes spotlight-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.spline-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.spline-loading{position:absolute;inset:0;background:var(--color-bg)}.glass-panel{position:relative;z-index:3;background:linear-gradient(135deg,#ffffff0d,#ffffff03);backdrop-filter:blur(var(--glass-blur)) saturate(1.8) brightness(1.15);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.8) brightness(1.15);border:1px solid rgba(255,255,255,.18);border-radius:var(--panel-radius);box-shadow:0 30px 60px #00000080,inset 0 1px #fff6,inset 0 -1px #ffffff0d,inset 1px 0 #ffffff26,inset -1px 0 #ffffff26;padding:var(--panel-pad-desktop);text-align:center;pointer-events:none;opacity:0;transform:scale(.98);animation:panel-reveal 1.2s cubic-bezier(.16,1,.3,1) .2s forwards}@keyframes panel-reveal{to{opacity:1;transform:scale(1)}}.glass-panel__name{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-name);line-height:1.1;color:var(--color-text);letter-spacing:-.02em;opacity:0;transform:translateY(15px);animation:reveal-slide .8s ease-out .6s forwards;text-shadow:0 4px 15px rgba(0,0,0,.4)}.glass-panel__title{font-family:var(--font-mono);font-weight:400;font-size:var(--fs-title);letter-spacing:var(--ls-title);margin-top:.75rem;color:#fff;text-transform:uppercase;opacity:0;transform:translateY(10px);animation:reveal-slide .8s ease-out 1s forwards}@keyframes reveal-slide{to{opacity:1;transform:translateY(0)}}.philosophy{position:relative;z-index:2;margin-top:100vh;background-color:var(--color-bg);overflow:hidden;color:var(--color-text);box-shadow:0 -20px 50px #000c;pointer-events:none}.grid-overlay--philosophy,.grid-overlay--footer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;z-index:1;pointer-events:none;--grid-size-minor: 30px;--grid-size-major: 150px;animation-duration:60s;background-position:15px 15px}.statement-wrap{padding:15vh 1.5rem;display:flex;justify-content:center;align-items:center;text-align:center}.statement-wrap:last-of-type{padding-bottom:25vh}.philosophy__statement{max-width:700px;font-size:clamp(1.3rem,3.5vw,2.1rem);font-weight:300;line-height:1.7;color:#ffffffe6;margin:0;pointer-events:auto}.philosophy__statement strong{font-weight:500;color:#fff}.statement-separator{width:80px;height:1px;background-color:#ffffff14;margin:0 auto}.philosophy__statement:before{content:"“";position:absolute;top:calc(var(--philosophy-pad-y) - 2.5rem);left:50%;transform:translate(-50%);font-family:var(--font-sans);font-size:clamp(3rem,6vw,5rem);font-weight:300;color:#ffffff0f;line-height:1;pointer-events:none}.philosophy__separator{width:var(--separator-width);margin:0 auto;border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}.philosophy__statement{opacity:0;transform:translateY(var(--fadein-translate));transition:opacity var(--fadein-dur) ease-out,transform var(--fadein-dur) ease-out}.philosophy__statement:nth-child(2){transition-delay:.15s}.philosophy__statement:nth-child(4){transition-delay:.3s}.philosophy__statement--visible{opacity:1;transform:translateY(0)}.footer{position:relative;z-index:2;padding:var(--footer-pad) 1.5rem;text-align:center;background-color:var(--color-bg);pointer-events:none}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(80%,500px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 50%,transparent)}.footer__email{font-family:var(--font-mono);font-size:var(--fs-footer);letter-spacing:.05em;opacity:var(--opacity-footer-text);color:var(--color-text);text-decoration:none;transition:opacity .4s ease,text-shadow .4s ease;pointer-events:auto}.footer__email:hover{opacity:.8;text-shadow:0 0 20px rgba(255,255,255,.08)}@media(max-width:640px){.glass-panel{padding:var(--panel-pad-mobile)}.philosophy__statement{padding-top:15vh;padding-bottom:15vh}}