:root{--bg: #f7f5fc;--surface: #ffffff;--text: #26233a;--muted: #5f5b78;--border: #e4e0f0;--pink: #ffcfd2;--lilac: #cfbaf0;--mint: #c6e5db;--accent: #6c4fc4;--radius: 14px;--gutter: clamp(16px, 4vw, 48px)}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-underline-offset:3px}a:focus-visible,.button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{line-height:1.15;font-weight:700}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem var(--gutter);background:#f7f5fccc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand svg{width:clamp(140px,30vw,220px);height:auto}.site-header nav{display:flex;gap:clamp(.75rem,3vw,1.75rem)}.site-header nav a{color:var(--text);text-decoration:none;font-weight:500}.site-header nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem;min-height:calc(100svh - 64px);padding:2rem var(--gutter) 3rem;background:radial-gradient(60% 60% at 80% 40%,var(--lilac) 0%,transparent 70%),radial-gradient(50% 50% at 95% 90%,var(--mint) 0%,transparent 70%),radial-gradient(40% 40% at 10% 10%,var(--pink) 0%,transparent 70%)}.hero-text{max-width:38rem}.avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid var(--surface);box-shadow:0 6px 24px #26233a26;margin-bottom:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:.5rem}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:1rem}.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--muted);margin-bottom:1.75rem}.hero-links{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.button{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:var(--text);color:var(--surface);text-decoration:none;font-weight:600}.button:hover{background:var(--accent)}.hero-3d{position:relative;width:100%;aspect-ratio:1;max-height:70svh;justify-self:center}.hero-3d canvas{touch-action:pan-y}.cube-fallback{width:60%;height:100%;margin:0 auto}.section{padding:clamp(3rem,8vw,5rem) var(--gutter);max-width:1200px;margin:0 auto;scroll-margin-top:64px}.section h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:.5rem}.section-intro{color:var(--muted);margin-bottom:1.5rem}.cards{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));margin-top:1.5rem}.card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #26233a14}.card h3{font-size:1.2rem}.meta{color:var(--muted);font-size:.9rem}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.tags li{font-size:.8rem;padding:.2rem .6rem;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.card-links{display:flex;flex-wrap:wrap;gap:1rem;font-weight:500}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:2rem var(--gutter);border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}#text-logo{cursor:pointer}#tspan0,#tspan1,#tspan2{fill:url(#Gradient1)}#text-logo #tspan2,#text-logo:hover #tspan1{opacity:0}#text-logo:hover #tspan2{opacity:1}.stop1{stop-color:#f28b9b}.stop2{stop-color:#8d6fd6}@media (max-width: 820px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:1rem}.hero-3d{order:-1;width:min(100%,360px);max-height:42svh}}@media (prefers-reduced-motion: reduce){.card,.card:hover{transition:none;transform:none}}*{margin:0;padding:0;font:inherit}html{hanging-punctuation:first last}body{min-height:100svh}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{max-width:75ch;text-wrap:pretty}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:3rem}}