:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17141d;--muted:#625a6d;--paper:#faf8ff;--surface:#eee7fb;--white:#fff;--accent:#5a24c7;--accent-deep:#321069;--line:#5a24c729;--ring:#5a24c747}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site-shell{background:radial-gradient(circle at top left, #5a24c726, transparent 32rem), linear-gradient(135deg, #fff 0%, var(--paper) 58%, #f5f1fb 100%);min-height:100vh;overflow:hidden}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,72rem);margin:0 auto;padding:1rem 0;display:flex;position:sticky;top:0}.brand,.nav-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #5a24c71f;box-shadow:0 1rem 2.4rem #17141d12}.brand{color:var(--accent-deep);border-radius:999px;align-items:center;gap:.7rem;padding:.45rem .8rem .45rem .48rem;font-size:.95rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:-.03em;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:.78rem;font-weight:900;display:grid}.nav-links{border-radius:999px;align-items:center;gap:.15rem;padding:.35rem;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:.65rem .85rem;font-size:.9rem;font-weight:750;text-decoration:none;transition:background .16s,color .16s}.nav-links a:hover{color:var(--accent-deep);background:#5a24c714}.brand:focus-visible,.nav-links a:focus-visible,.button:focus-visible{box-shadow:0 0 0 .35rem var(--ring);outline:0}.hero{place-items:center;min-height:calc(100vh - 5.2rem);padding:clamp(2rem,5vw,5rem) 1rem;display:grid}.hero-card{text-align:center;background:#ffffffb8;border:1px solid #5a24c724;border-radius:clamp(1.25rem,3vw,2.2rem);width:min(100%,62rem);padding:clamp(2rem,7vw,5.5rem);position:relative;box-shadow:0 1.6rem 4rem #17141d1c}.hero-card:before{z-index:-1;border-radius:inherit;background:var(--surface);filter:blur(2.5rem);opacity:.8;content:"";position:absolute;inset:1rem}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem;font-size:.78rem;font-weight:850}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{color:var(--ink);letter-spacing:-.055em;margin:0}h1{max-width:13ch;margin:0 auto;font-size:clamp(3.5rem,11vw,8rem);font-weight:900;line-height:.88}h2{font-size:clamp(2.2rem,5vw,4rem);font-weight:880;line-height:.98}h3{font-size:1.35rem;font-weight:850;line-height:1.1}.intro{width:min(100%,43rem);color:var(--muted);margin:clamp(1.35rem,3vw,2rem) auto 0;font-size:clamp(1.12rem,2.1vw,1.38rem);line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:clamp(2rem,4vw,2.75rem);display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:10.5rem;min-height:3.2rem;padding:.88rem 1.25rem;font-size:1rem;font-weight:850;line-height:1.2;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 1rem 2.5rem #5a24c73b}.button-primary:hover{background:var(--accent-deep)}.button-secondary{color:var(--accent-deep);background:#ffffffbd;border-color:#5a24c73d}.button-secondary:hover{background:#fff;border-color:#5a24c780}.portfolio,.contact{width:min(100% - 2rem,72rem);margin:0 auto}.portfolio{padding:clamp(3.5rem,8vw,7rem) 0}.section-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(18rem,.65fr);align-items:end;gap:clamp(1.5rem,5vw,4rem);margin-bottom:clamp(1.5rem,4vw,2.2rem);padding-bottom:1.1rem;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin:0 0 -.65rem}.section-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:1.05rem;line-height:1.65}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.info-card{background:#ffffffc7;border:1px solid #5a24c724;border-radius:.85rem;min-height:18rem;padding:1.25rem;box-shadow:0 1rem 2.4rem #17141d14}.card-number{color:var(--accent);letter-spacing:.12em;margin-bottom:2.2rem;font-size:.75rem;font-weight:900;display:inline-flex}.info-card p{color:var(--muted);margin:.85rem 0 0;font-size:.98rem;line-height:1.58}.info-card .card-note{color:var(--accent-deep);border-top:1px solid #5a24c71f;margin-top:1.2rem;padding-top:1rem;font-weight:750}.contact{background:#ffffffc7;border:1px solid #5a24c724;border-radius:clamp(1.1rem,2vw,1.5rem);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:clamp(2rem,5vw,4rem);padding:clamp(1.35rem,4vw,2rem);display:flex;box-shadow:0 1rem 2.4rem #17141d14}.contact h2{font-size:clamp(2rem,4vw,3.2rem)}.contact p:not(.eyebrow){max-width:35rem;color:var(--muted);margin:.85rem 0 0;font-size:1.05rem;line-height:1.6}@media (max-width:1040px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.topbar,.contact{flex-direction:column;align-items:stretch}.nav-links{justify-content:space-between}.section-heading{grid-template-columns:1fr}.info-card{min-height:auto}}@media (max-width:560px){.topbar{position:static}.brand{justify-content:center}.nav-links{border-radius:1rem;grid-template-columns:1fr;display:grid}.nav-links a{text-align:center}.card-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:1rem}.hero-card{padding:2rem 1.15rem}h1{font-size:clamp(3rem,18vw,4.8rem)}.hero-actions,.contact .button{display:grid}.button{width:100%}}
