:root{--bg: #f4f7fb;--bg-deep: #e8eef6;--surface: rgba(255, 255, 255, .82);--ink: #1a1f2b;--ink-soft: #4b5568;--line: rgba(26, 31, 43, .1);--red: #c62828;--red-deep: #9e1f1f;--blue: #4a76c8;--blue-soft: rgba(74, 118, 200, .14);--shadow: 0 18px 40px rgba(26, 31, 43, .08);--radius: 18px;--max: 960px;--font-display: "Archivo", "Arial Narrow", sans-serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.55;background:var(--bg);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% -10%,rgba(74,118,200,.18),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 20%,rgba(198,40,40,.08),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:linear-gradient(rgba(26,31,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(26,31,43,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 20%,black,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 20%,black,transparent 75%)}.page{width:min(100% - 2rem,var(--max));margin:0 auto;padding:2.5rem 0 3rem}.identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;padding:1.25rem 0 2.25rem}.logo{width:88px;height:88px;border-radius:22px;box-shadow:var(--shadow)}.brand{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.4rem);font-weight:800;letter-spacing:-.035em;line-height:1}.name{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}.bio{margin:.35rem 0 0;max-width:28rem;color:var(--ink-soft);font-size:1.08rem}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:.85rem}.social{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.social svg{width:1.15rem;height:1.15rem;fill:currentColor}.social:hover,.social:focus-visible{transform:translateY(-2px);color:#fff;background:var(--red);border-color:var(--red);outline:none}.cta{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;min-height:2.85rem;padding:.7rem 1.35rem;border-radius:10px;background:var(--red);color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:.01em;box-shadow:0 10px 24px #c6282840;transition:transform .18s ease,background-color .18s ease}.cta:hover,.cta:focus-visible{transform:translateY(-2px);background:var(--red-deep);outline:none}.work{display:grid;gap:1.25rem}.work-head{text-align:center}.work-head h2{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.02em}.work-head p{margin:.35rem 0 0;color:var(--ink-soft)}.work-grid{display:grid;gap:1rem}.work-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.work-card:hover,.work-card:focus-visible{transform:translateY(-4px);border-color:#4a76c859;box-shadow:0 22px 48px #1a1f2b1f;outline:none}.work-media{overflow:hidden;background:#eef2f7;aspect-ratio:16 / 9}.work-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .32s ease}.work-media--dashboard img{object-position:left top}.work-card:hover .work-media img,.work-card:focus-visible .work-media img{transform:scale(1.03)}.work-copy{display:grid;gap:.3rem;padding:1rem 1.1rem 1.15rem}.work-copy h3{margin:0;font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:-.02em}.work-copy p{margin:0;color:var(--ink-soft);font-size:.98rem}.footer{width:min(100% - 2rem,var(--max));margin:0 auto 2rem;padding:1.25rem 0 .5rem;text-align:center;color:var(--ink-soft);font-size:.92rem;line-height:1.4}.footer p{margin:0}.footer a{color:var(--blue);font-weight:600}.footer a:hover,.footer a:focus-visible{text-decoration:underline;outline:none}.reveal{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.22,1,.36,1) forwards}.identity.reveal{animation-delay:60ms}.work.reveal{animation-delay:.18s}.footer.reveal{animation-delay:.3s}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(min-width:760px){.page{padding-top:3.25rem}.work-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem}.work-copy{min-height:6.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;animation:none}.social,.cta,.work-card,.work-media img{transition:none}.social:hover,.social:focus-visible,.cta:hover,.cta:focus-visible,.work-card:hover,.work-card:focus-visible{transform:none}.work-card:hover .work-media img,.work-card:focus-visible .work-media img{transform:none}}