:root{--bg: #0b0d12;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.09);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--line: rgba(255,255,255,.12);--accent: #7c5cff;--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.section{padding:72px 0}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.h1{font-size:clamp(34px,4vw,54px);margin:8px 0 10px;letter-spacing:-.02em}.h2{font-size:clamp(22px,2.2vw,30px);margin:0;letter-spacing:-.02em}.lead{font-size:18px;line-height:1.5;color:var(--muted);max-width:60ch}.body{font-size:16px;line-height:1.6;color:var(--muted)}.subtle{color:var(--muted);margin:6px 0 0}.muted{color:var(--muted);font-weight:500;font-size:.55em}.siteHeader{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0d128c;border-bottom:1px solid var(--line)}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;letter-spacing:.2px}.navLinks{display:flex;gap:14px;color:var(--muted)}.navLinks a:hover{color:var(--text)}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),transparent 120%);border-radius:var(--radius);padding:18px;box-shadow:0 8px 30px #00000040}.btn{border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:650;background:transparent;color:var(--text);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px);border-color:#ffffff38}.btn--primary{background:#7c5cff47;border-color:#7c5cff59}.btn--primary:hover{background:#7c5cff42}.btn--secondary{background:#ffffff29}.btn--ghost{background:transparent;border-color:transparent}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted);background:#ffffff08}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted)}.pill--soft{background:#ffffff0a}.link{color:var(--muted)}.link:hover{color:var(--text)}.divider{height:1px;background:var(--line);margin:14px 0}.hero{padding-top:58px;background-image:linear-gradient(#00000080,#00000080),url(/assets/kansas-city-4386140_1920-BtR8GRcJ.jpg);background-size:contain;background-repeat:no-repeat}.kicker{color:var(--muted);margin:0}.heroGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:stretch}.heroCard{position:relative;overflow:hidden}.heroCardInner{position:relative;z-index:2;padding:5px}.heroCard:before{content:"";position:absolute;inset:-40px;background:radial-gradient(400px 240px at 20% 10%,rgba(124,92,255,.22),transparent 60%),radial-gradient(340px 220px at 80% 30%,rgba(0,255,180,.13),transparent 55%);filter:blur(6px);z-index:1}.miniTitle{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin:0}.miniText{margin:6px 0 0;color:var(--text)}.heroActions{display:flex;gap:10px;margin-top:18px}.grid2x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.projectCard{transition:transform .18s ease,border-color .18s ease,background .18s ease;display:flex;flex-direction:column;gap:14px}.projectCard:hover{transform:translateY(-3px);border-color:#7c5cff59;background:linear-gradient(180deg,rgba(124,92,255,.1),transparent 120%)}.projectTop{display:flex;justify-content:space-between;gap:12px}.projectTitle{font-weight:800;letter-spacing:-.01em;margin:0}.projectDesc{margin:6px 0 0;color:var(--muted)}.projectMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tagRow{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.projectHint{color:var(--muted);margin-top:auto}.categoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.categoryCard{transition:transform .18s ease,border-color .18s ease}.categoryCard:hover{transform:translateY(-3px);border-color:#ffffff38}.categoryTitle{font-weight:800}.categoryBlurb{margin-top:8px;color:var(--muted)}.categoryHint{margin-top:12px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:12px}.experimentRow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.experimentTitle{font-weight:800}.experimentDesc{color:var(--muted);margin-top:6px}.aboutGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.aboutCard .h2{margin-bottom:10px}.bullets{margin:10px 0 0;padding-left:18px;color:var(--muted)}.bullets li{margin:6px 0}.footer{padding:56px 0 26px;border-top:1px solid var(--line);background:#00000026}.footerInner{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.footerActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footerBottom{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}@media(max-width:860px){.heroGrid,.grid2x2{grid-template-columns:1fr}.categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.aboutGrid{grid-template-columns:1fr}.sectionHead,.footerInner{flex-direction:column;align-items:flex-start}.navLinks{display:none}}.workControls{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.chipRow{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#ffffff0a;color:var(--muted);border-radius:999px;padding:10px 12px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.chip:hover{transform:translateY(-1px);border-color:#ffffff38;color:var(--text)}.chip--active{background:#7c5cff2e;border-color:#7c5cff59;color:var(--text)}.searchWrap{min-width:min(360px,100%)}.search{width:100%;border:1px solid var(--line);background:#0003;color:var(--text);border-radius:999px;padding:12px 14px;outline:none}.search:focus{border-color:#7c5cff59;box-shadow:0 0 0 4px #7c5cff1f}.caseHero{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;align-items:start}.caseTitle{font-size:clamp(28px,3.2vw,44px);margin:0 0 10px;letter-spacing:-.02em}.caseTags{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.caseLinks{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.caseAside{position:sticky;top:84px}.kv{display:flex;flex-direction:column;gap:6px}.kvLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.kvValue{color:var(--text);line-height:1.5}.caseHighlights ul{margin-top:10px}.caseGallery{display:grid;grid-template-columns:1fr}.gallerySlot{min-height:160px;display:flex;flex-direction:column;justify-content:center}.caseSections .caseSection:last-child .divider{display:none}.caseNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.caseNavCard{padding:16px}.caseNavLink{display:block}.caseNavTitle{margin-top:8px;font-weight:800;letter-spacing:-.01em}@media(max-width:860px){.caseHero{grid-template-columns:1fr}.caseAside{position:static}.caseNav{grid-template-columns:1fr}}.MattLogo{width:125px;height:auto;float:left}.MattBusiness{width:100px;height:auto;float:left;margin:8px 0}.HeaderLogo{height:40px;width:auto;float:left;margin:0 5px}.workCategoryStack{display:flex;flex-direction:column;gap:18px}.workCategory{padding:18px}.workCategoryHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.workCategoryTitle{margin:0;font-size:22px;letter-spacing:-.02em}.workPreviewGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workPreviewCard{border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease}.workPreviewCard:hover{transform:translateY(-2px);border-color:#ffffff38}.workPreviewCard img{width:100%;height:140px;object-fit:cover;display:block}.workPreviewMeta{padding:10px}.workPreviewTitle{font-weight:700;font-size:14px}.workPreviewDesc{margin-top:4px;font-size:13px;color:var(--muted)}@media(max-width:900px){.workPreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.groupStack{display:flex;flex-direction:column;gap:22px}.groupHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.groupTitle{margin:0;font-size:18px;letter-spacing:-.02em;color:var(--text)}.galleryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.galleryItem{padding:0;overflow:hidden}@media(max-width:860px){.galleryGrid{grid-template-columns:1fr}.galleryImg{height:220px}}.galleryBtn{padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease}.galleryBtn:hover{transform:translateY(-2px);border-color:#ffffff38}.galleryImg{width:100%;height:260px;object-fit:cover;display:block}.lightboxOverlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:9999;padding:18px}.lightboxPanel{width:min(1100px,96vw);max-height:92vh;position:relative;border-radius:var(--radius);border:1px solid var(--line);background:#0a0c12e0;box-shadow:0 24px 80px #00000080;padding:14px;display:grid;gap:10px}.lightboxImg{width:100%;height:auto;max-height:76vh;object-fit:contain;display:block;border-radius:calc(var(--radius) - 8px);background:#ffffff08}.lightboxCaption{color:var(--muted);font-size:14px;padding:0 6px 4px}.lightboxClose{position:absolute;top:10px;right:10px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);border-radius:999px;padding:8px 10px;cursor:pointer}.lightboxNav{position:absolute;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:#ffffff0f;color:var(--text);border-radius:999px;width:40px;height:40px;cursor:pointer;display:grid;place-items:center;font-size:22px}.lightboxPrev{left:10px}.lightboxNext{right:10px}.galleryOverlay{position:relative;background:#9b9b9b66;color:#fff;padding:6px 10px;font-size:14px;text-align:center;display:inline-block;width:100%;box-sizing:border-box}.thumbImg{width:100%;height:120px;object-fit:cover;display:block;border-bottom:1px solid var(--line)}@media(max-width:520px){.hero{padding:18px 16px 16px;min-height:auto}.hero{background-size:165%;height:auto;background-position-x:center}.heroInner{gap:12px}.heroTitle{font-size:clamp(26px,7vw,34px);line-height:1.05}.heroSubtitle{font-size:14px;line-height:1.35;max-width:34ch}.heroCtas{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.heroGrid{background:linear-gradient(to bottom,#00000059,#00000073 40%,#0000008c);margin:0 0 0 -2.5%;padding:1% 5% 3% 2.5%}.heroCtas a,.heroCtas button{width:100%;justify-content:center;padding:12px 14px}.pillRow{display:flex;flex-wrap:wrap;gap:8px}.MattLogo{width:75px;height:auto;margin-left:8px;vertical-align:middle;float:left}.MattBusiness{display:none}.heroMeta{margin-top:8px;padding-top:10px}.workCard{padding:14px}.workCardHeader{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.workTags{display:flex;flex-wrap:wrap;gap:8px}.workYearBadge{white-space:nowrap;align-self:start}.exploreGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exploreTile{padding:14px}.exploreTileTitle{font-size:14px}}.about-grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(20px,3vw,36px);align-items:center;align-items:start}.about-media{display:flex;justify-content:center}.about-headshot{width:100%;max-width:260px;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px #00000026}.about-content{max-width:68ch}.about-text{margin-top:14px;line-height:1.7;opacity:.95}.about-candid-wrap{max-width:320px;margin:0 auto}.about-candid{width:100%;border-radius:16px;object-fit:cover;box-shadow:0 10px 30px #0000002e}.about-caption{margin-top:10px;font-size:.8rem;opacity:.75}@media(max-width:820px){.about-grid{grid-template-columns:1fr}.about-media{justify-content:flex-start}.about-headshot{max-width:220px}}.contact-grid{margin-top:18px;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,3vw,28px);align-items:start}.contact-form{display:grid;gap:12px;max-width:70ch}.field span{display:block;font-size:.9rem;opacity:.9;margin-bottom:6px}.field input,.field textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;outline:none}.field input:focus,.field textarea:focus{border-color:#ffffff38;background:#ffffff14}.contact-btn{margin-top:6px;padding:10px 14px;border-radius:12px;font-weight:700;border:1px solid rgba(255,255,255,.12);background:#ffffff1a;color:inherit;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.contact-btn:hover{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff2e}.contact-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-success,.contact-error{margin:8px 0 0;opacity:.95}.contact-aside{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 14px 16px;background:#ffffff0a}.contact-aside-title{margin:0 0 6px;font-size:1.05rem}.contact-aside-text{margin:0 0 12px;opacity:.9;line-height:1.6}.contact-links{display:grid;gap:8px}.contact-link{text-decoration:none;opacity:.9}.contact-link:hover{opacity:1;text-decoration:underline}.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}