:root{--bg:#0b1324;--bg-deep:#060b16;--surface:#0d172bbd;--surface-strong:#121f3aeb;--surface-border:#a6c6ff29;--text:#edf3ff;--muted:#9fb0ce;--muted-strong:#c7d4ec;--accent:#ff8f4d;--accent-strong:#ff6a3d;--accent-soft:#ff8f4d29;--cyan:#66e0ff;--cyan-soft:#66e0ff29;--success:#80f0c6;--shadow-lg:0 32px 80px #00000052;--shadow-md:0 18px 44px #0000003d;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--content-width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #ff8f4d33, transparent 30%), radial-gradient(circle at 85% 18%, #66e0ff29, transparent 28%), linear-gradient(180deg, #0d1730 0%, var(--bg) 48%, var(--bg-deep) 100%);min-width:320px;color:var(--text);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}::selection{color:#fff7f1;background:#ff8f4d47}.page-shell{width:min(calc(100% - 40px), var(--content-width));margin:0 auto;padding:28px 0 80px;position:relative;overflow:hidden}.background-grid,.background-glow{pointer-events:none;position:absolute}.background-grid{opacity:.28;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 92%);mask-image:linear-gradient(#00000080,#0000 92%)}.background-glow{filter:blur(80px);opacity:.7;border-radius:999px}.glow-sun{background:#ff8f4d33;width:280px;height:280px;top:-100px;left:-60px}.glow-cyan{background:#66e0ff29;width:320px;height:320px;top:220px;right:-80px}.topbar{z-index:20;border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);background:#070f1eb8;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:56px;padding:18px 22px;display:flex;position:sticky;top:16px}.brand{align-items:center;gap:14px;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#130d0a;letter-spacing:.08em;text-transform:uppercase;border-radius:16px;place-items:center;width:46px;height:46px;font-size:1.1rem;font-weight:900;display:grid;box-shadow:0 14px 26px #ff6a3d4d}.brand-copy{flex-direction:column;gap:3px;display:flex}.brand-copy strong{letter-spacing:.03em;font-size:1rem;font-weight:800}.brand-copy small{color:var(--muted);font-size:.84rem}.nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link{color:var(--muted-strong);border-radius:999px;padding:10px 14px;transition:background-color .18s,color .18s,transform .18s}.nav-link:hover,.nav-link:focus-visible{color:var(--text);background:#ffffff14;transform:translateY(-1px)}.nav-link-accent{color:#fff2ea;background:#ff8f4d1f}.section{margin-bottom:32px;padding:32px 0;position:relative}.hero{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:start;gap:34px;padding-top:22px;display:grid}.hero-copy,.hero-visual{z-index:1;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:800}.hero h1,.section-title h2{letter-spacing:-.03em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1.02}.hero h1{max-width:12ch;font-size:clamp(3rem,6vw,5.6rem)}.hero h1 span{color:#ffd39d}.lead{max-width:66ch;color:var(--muted-strong);margin:24px 0 0;font-size:1.08rem}.hero-actions,.contact-actions,.project-tags,.stack-tags,.status-pills{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:30px}.button{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#160f0d;box-shadow:0 16px 28px #ff6a3d4d}.button-secondary{color:var(--text);background:#ffffff0d;border-color:#ffffff24}.button-secondary:hover,.button-secondary:focus-visible{background:#ffffff17;border-color:#ffffff3d}.hero-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.hero-ribbon>div,.panel{border:1px solid var(--surface-border);box-shadow:var(--shadow-md);background:linear-gradient(#111d36d6,#0a1223f0)}.hero-ribbon>div{border-radius:var(--radius-md);padding:18px}.hero-ribbon span,.project-header span,.stack-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;font-weight:700;display:inline-block}.hero-ribbon strong{font-size:1rem;line-height:1.35;display:block}.visual-card,.signal-panel,.contact-shell{position:relative}.visual-card{border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:linear-gradient(#131e39f2,#080e1cfa);padding:28px;overflow:hidden}.particle-cloud{background:radial-gradient(circle at 50% 32%,#66e0ff14,#0000 34%),radial-gradient(circle at 48% 55%,#ff8f4d14,#0000 30%),linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:28px;min-height:420px;position:relative;overflow:hidden}.morph-ring,.morph-particle,.touch-glow,.morph-core-shell,.morph-core-halo,.morph-core{position:absolute}.morph-ring{opacity:.12;border:1px solid #90c5ff38;border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%)}.morph-ring-one{width:210px;height:210px;animation:7s ease-in-out infinite pulseRing}.morph-ring-two{width:310px;height:310px;animation:8.5s ease-in-out infinite reverse pulseRing}.morph-ring-three{width:430px;height:430px;animation:10s ease-in-out infinite pulseRing}.morph-particle{top:var(--particle-y);left:var(--particle-x);width:var(--particle-size);height:var(--particle-size);animation:floatParticle var(--particle-duration) ease-in-out infinite;animation-delay:var(--particle-delay);background:radial-gradient(circle,#fffffff5,#66e0ff29);border-radius:999px;box-shadow:0 0 18px #66e0ff52}.morph-core-shell{background:0 0;width:170px;height:170px;top:50%;left:50%}.morph-core-halo{filter:blur(8px);background:radial-gradient(circle,#66e0ff4d,#66e0ff00);border-radius:999px;inset:18px}.morph-core{background:linear-gradient(145deg,#ff9963fa,#ff7154b8),linear-gradient(#ffffff24,#fff0);border-radius:999px;place-items:center;display:grid;inset:26px;overflow:hidden;box-shadow:0 0 0 10px #ffffff0a,0 24px 70px #00000057}.morph-fragment{background:#fff8f02e;border-radius:999px;position:absolute}.morph-fragment-one{width:44px;height:18px;top:18px;right:24px;transform:rotate(20deg)}.morph-fragment-two{width:36px;height:14px;bottom:26px;left:14px;transform:rotate(-28deg)}.morph-fragment-three{width:24px;height:58px;top:50%;left:4px;transform:translateY(-50%)rotate(16deg)}.avatar-head{background:linear-gradient(#2f1a1e,#181015);border-radius:40px 40px 34px 34px;width:70px;height:82px;position:relative;box-shadow:inset 0 0 0 2px #ffffff14}.avatar-eye,.avatar-mouth{position:absolute;left:50%}.avatar-eye{background:#fff0df;border-radius:999px;width:8px;height:8px;top:33px;box-shadow:0 0 10px #ffffff4d}.avatar-eye-left{margin-left:-15px}.avatar-eye-right{margin-left:15px}.avatar-mouth{border-bottom:2px solid #fff0dfe6;border-radius:0 0 16px 16px;width:22px;height:10px;bottom:18px}.status-pills{margin-top:20px}.status-pills span,.project-tags span,.stack-tags span,.principle-card p{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px}.status-pills span,.project-tags span,.stack-tags span{color:var(--muted-strong);padding:10px 14px;font-size:.88rem}.signal-panel,.panel{border-radius:var(--radius-lg)}.signal-panel{box-shadow:var(--shadow-md);background:linear-gradient(#0a1325eb,#0b1221fa);border:1px solid #ffffff1f;margin-top:20px;padding:26px}.signal-panel h2,.section-title h2{font-size:clamp(2rem,4vw,3.25rem)}.signal-panel h2{max-width:12ch}.signal-panel p:last-child,.about-copy p,.contact-copy,.stack-card p,.project-card p,.form-head p:last-child{color:var(--muted-strong)}.split-section,.about-grid,.pillar-grid,.project-grid,.principle-grid,.stack-grid,.contact-grid{gap:22px;display:grid}.section-title{max-width:760px;margin-bottom:26px}.section-title.compact h2{font-size:clamp(1.8rem,3vw,2.5rem)}.about-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.panel{padding:26px}.about-copy p,.quote-panel p,.project-card p,.stack-card p{margin:0}.about-copy p+p,.quote-panel p+p{margin-top:18px}.quote-panel{background:linear-gradient(#ff8f4d29,#0e1627f0);align-items:center;display:flex}.quote-panel p{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;line-height:1.45}.pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pillar-card,.project-card,.stack-card,.principle-card{height:100%}.card-index{color:var(--accent);letter-spacing:.16em;margin-bottom:18px;font-size:.82rem;font-weight:800;display:inline-flex}.pillar-card h3,.project-card h3,.contact-form-card h3,.form-head h3{margin:0 0 12px;font-size:1.35rem}.pillar-card p,.project-card p,.principle-card p,.stack-card p,.contact-copy{color:var(--muted-strong);margin:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{flex-direction:column;gap:18px;min-height:100%;display:flex}.project-header h3{margin:0;font-size:1.42rem}.project-link,.contact-actions a{color:#fff1e4;font-weight:700}.project-link{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#160f0d;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;min-height:48px;margin-top:auto;padding:0 18px;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 16px 28px #ff6a3d3d}.project-link:hover,.contact-actions a:hover,.contact-actions a:focus-visible{color:#ffd39d}.project-link:hover,.project-link:focus-visible{color:#160f0d;filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 18px 34px #ff6a3d57}.principle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.principle-card p{width:100%;min-height:100%;padding:18px 20px}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-card{flex-direction:column;gap:18px;display:flex}.contact-shell{padding:30px;overflow:hidden}.contact-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch}.contact-copy-block{border-radius:var(--radius-lg);background:linear-gradient(#ff8f4d1f,#0e1729f0 36%);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;gap:24px;min-height:100%;padding:28px;display:flex}.contact-copy-main{flex-direction:column;gap:18px;display:flex}.contact-copy-block .section-title{margin-bottom:0}.contact-form-card{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid #ffffff1a;padding:24px}.contact-form-success{flex-direction:column;gap:14px;display:flex}.contact-actions a{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 16px;transition:transform .18s,border-color .18s,background-color .18s,color .18s;display:inline-flex}.contact-actions a:last-child{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#160f0d;border-color:#0000;box-shadow:0 16px 28px #ff6a3d3d}.contact-actions a:last-child:hover,.contact-actions a:last-child:focus-visible{color:#160f0d;background:linear-gradient(135deg, var(--accent), var(--accent-strong));filter:saturate(1.05);border-color:#0000;box-shadow:0 18px 34px #ff6a3d57}.contact-actions a:hover,.contact-actions a:focus-visible{background:#ff8f4d1a;border-color:#ff8f4d47;transform:translateY(-2px)}.form-head{margin-bottom:18px}.form-head h3,.contact-form-success h3{margin-top:0}.form-field{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.form-field span{color:var(--muted-strong);font-weight:700}.form-field input{width:100%;min-height:52px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:0 16px;transition:border-color .18s,box-shadow .18s,background-color .18s}.form-field input::placeholder{color:#c9d6ef8c}.form-field input:focus{background:#ffffff0f;border-color:#66e0ff6b;box-shadow:0 0 0 4px #66e0ff1f}.form-message{border-radius:12px;margin:0 0 16px;padding:12px 14px}.form-message-error{color:#ffd8cb;background:#ff6a3d1f}.form-submit,.form-reset{width:100%}.form-submit[disabled]{opacity:.7;cursor:wait}@keyframes pulseRing{0%,to{transform:translate(-50%,-50%)scale(.94)}50%{transform:translate(-50%,-50%)scale(1.04)}}@keyframes floatParticle{0%,to{opacity:.55;transform:translate(0,0)}50%{opacity:1;transform:translateY(-16px)}}@keyframes autoDrift{0%,to{transform:translate3d(-50%, -50%, 0) translate3d(calc(var(--move-x) + 0px), calc(var(--move-y) + 0px), 0) rotateX(calc(var(--tilt-x) - 1deg)) rotateY(calc(var(--tilt-y) + 2deg))}25%{transform:translate3d(-50%, -50%, 0) translate3d(calc(var(--move-x) + 10px), calc(var(--move-y) - 8px), 0) rotateX(calc(var(--tilt-x) - 2deg)) rotateY(calc(var(--tilt-y) + 4deg))}50%{transform:translate3d(-50%, -50%, 0) translate3d(calc(var(--move-x) + 0px), calc(var(--move-y) - 14px), 0) rotateX(calc(var(--tilt-x) + 1deg)) rotateY(calc(var(--tilt-y) - 2deg))}75%{transform:translate3d(-50%, -50%, 0) translate3d(calc(var(--move-x) - 10px), calc(var(--move-y) - 6px), 0) rotateX(calc(var(--tilt-x) + 2deg)) rotateY(calc(var(--tilt-y) - 4deg))}}@keyframes glowPulse{0%,to{opacity:.72}50%{opacity:1}}@media (max-width:1080px){.hero,.about-grid,.contact-grid{grid-template-columns:1fr}.topbar{border-radius:28px;flex-direction:column;align-items:flex-start}.nav{width:100%}.hero{gap:28px}.hero h1{max-width:100%}.hero-ribbon,.pillar-grid,.principle-grid,.stack-grid{grid-template-columns:1fr}}@media (max-width:900px){.page-shell{width:min(calc(100% - 32px), var(--content-width))}.project-grid,.stack-grid{grid-template-columns:1fr}.hero-actions .button{flex:calc(50% - 12px)}}@media (max-width:720px){.page-shell{width:min(calc(100% - 28px), var(--content-width));padding-top:16px}.topbar{margin-bottom:34px;padding:18px;position:static}.nav{width:100%}.nav-link{text-align:center;flex:calc(50% - 10px);min-height:46px}.hero,.section{padding-top:18px}.hero-actions{flex-direction:column}.hero-actions .button,.project-link,.contact-actions a{width:100%}.hero-ribbon{grid-template-columns:1fr}.visual-card,.contact-shell,.panel,.signal-panel,.contact-form-card{padding:20px}.particle-cloud{min-height:340px}.morph-ring-three{width:340px;height:340px}.contact-actions{flex-direction:column;align-items:flex-start}.contact-copy-block{padding:22px}}@media (max-width:560px){.brand{align-items:flex-start}.brand-copy strong{font-size:.94rem}.brand-copy small{font-size:.78rem}.nav-link{flex-basis:100%}.hero h1{font-size:clamp(2.35rem,12vw,3.25rem)}.lead,.signal-panel p:last-child,.contact-copy,.project-card p,.stack-card p{font-size:.98rem}.visual-card,.contact-shell,.panel,.signal-panel,.contact-form-card,.contact-copy-block{padding:18px}.particle-cloud{min-height:300px}.morph-core-shell{width:148px;height:148px}.morph-ring-one{width:180px;height:180px}.morph-ring-two{width:250px;height:250px}.morph-ring-three{width:300px;height:300px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
