{"id":29,"date":"2026-05-15T05:01:01","date_gmt":"2026-05-15T05:01:01","guid":{"rendered":"https:\/\/career.saintvi.com\/?page_id=29"},"modified":"2026-05-15T05:44:47","modified_gmt":"2026-05-15T05:44:47","slug":"home","status":"publish","type":"page","link":"https:\/\/career.saintvi.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-221b4a2 e-con-full e-flex e-con e-parent\" data-id=\"221b4a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cad3858 elementor-widget elementor-widget-html\" data-id=\"cad3858\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,700&family=Freight+Display+Pro&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET & BASE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  --black:   #0a0a0a;\r\n  --ink:     #1c1c1c;\r\n  --mid:     #6e6e6e;\r\n  --light:   #b0b0b0;\r\n  --rule:    #e8e8e8;\r\n  --white:   #ffffff;\r\n  --warm:    #f8f6f3;\r\n  --accent:  #c8a97e;   \/* single warm gold &mdash; used sparingly *\/\r\n  --serif:   'Playfair Display', Georgia, serif;\r\n  --sans:    'Jost', sans-serif;\r\n}\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n  font-size: 15px;\r\n}\r\n\r\nbody {\r\n  font-family: var(--sans);\r\n  background: var(--white);\r\n  color: var(--ink);\r\n  overflow-x: hidden;\r\n  cursor: none;\r\n}\r\n\r\n\/* \u2500\u2500 CUSTOM CURSOR \u2500\u2500 *\/\r\n.cursor {\r\n  position: fixed;\r\n  width: 8px; height: 8px;\r\n  background: var(--black);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 9999;\r\n  transform: translate(-50%, -50%);\r\n  transition: width 0.25s, height 0.25s, background 0.25s;\r\n}\r\n.cursor-ring {\r\n  position: fixed;\r\n  width: 36px; height: 36px;\r\n  border: 1px solid rgba(10,10,10,0.25);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 9998;\r\n  transform: translate(-50%, -50%);\r\n  transition: all 0.12s ease;\r\n}\r\nbody:has(a:hover) .cursor, body:has(button:hover) .cursor { width: 14px; height: 14px; background: var(--accent); }\r\nbody:has(a:hover) .cursor-ring, body:has(button:hover) .cursor-ring { width: 52px; height: 52px; border-color: var(--accent); opacity: 0.5; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PROGRESS BAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#progress-bar {\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  height: 2px;\r\n  background: var(--black);\r\n  width: 0%;\r\n  z-index: 1000;\r\n  transition: width 0.05s linear;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   NAV &mdash; unified dark bar\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nnav {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 600;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0;\r\n  padding: 0 4rem;\r\n  height: 54px;\r\n  background: var(--black);\r\n  transition: none;\r\n}\r\n\r\nnav.scrolled {\r\n  background: var(--black);\r\n  box-shadow: 0 1px 8px rgba(0,0,0,0.3);\r\n}\r\n\r\n\/* Brand block &mdash; left side *\/\r\n.nav-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.9rem;\r\n  flex-shrink: 0;\r\n  margin-right: 2.5rem;\r\n}\r\n\r\n.nav-brand-meet {\r\n  font-size: 0.55rem;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.35);\r\n  font-weight: 400;\r\n}\r\n\r\n.nav-brand-name {\r\n  font-family: var(--serif);\r\n  font-size: 0.85rem;\r\n  font-weight: 900;\r\n  letter-spacing: 0.24em;\r\n  text-transform: uppercase;\r\n  color: var(--white);\r\n}\r\n\r\n.nav-brand-divider {\r\n  width: 1px;\r\n  height: 14px;\r\n  background: rgba(255,255,255,0.15);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.nav-brand-tag {\r\n  font-family: var(--serif);\r\n  font-size: 0.72rem;\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  color: var(--accent);\r\n  letter-spacing: 0.02em;\r\n  white-space: nowrap;\r\n}\r\n\r\n.nav-name {\r\n  font-family: var(--serif);\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.06em;\r\n  color: var(--ink);\r\n  text-decoration: none;\r\n  position: relative;\r\n  z-index: 601;\r\n}\r\n\r\nnav:not(.scrolled) {\r\n  background: var(--black);\r\n}\r\n\r\n.nav-index {\r\n  display: flex;\r\n  gap: 2.5rem;\r\n  list-style: none;\r\n}\r\n\r\n.nav-index a {\r\n  font-size: 0.72rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.5);\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n.nav-index a:hover { color: var(--white); }\r\n.nav-index a.active { color: var(--accent); }\r\n\r\n\/* Mobile hamburger *\/\r\n.nav-burger {\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n  z-index: 601;\r\n  background: none;\r\n  border: none;\r\n}\r\n.nav-burger span {\r\n  display: block;\r\n  width: 22px;\r\n  height: 1px;\r\n  background: var(--white);\r\n  transition: transform 0.3s, opacity 0.3s;\r\n}\r\n.nav-burger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }\r\n.nav-burger.open span:nth-child(2) { opacity: 0; }\r\n.nav-burger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\r\n\r\n\/* Mobile menu overlay *\/\r\n.nav-mobile-overlay {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: var(--white);\r\n  z-index: 600;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 3rem;\r\n}\r\n.nav-mobile-overlay.open { display: flex; }\r\n.nav-mobile-overlay a {\r\n  font-family: var(--serif);\r\n  font-size: 2.2rem;\r\n  font-weight: 700;\r\n  color: var(--ink);\r\n  text-decoration: none;\r\n  letter-spacing: -0.01em;\r\n  transition: color 0.2s;\r\n}\r\n.nav-mobile-overlay a:hover { color: var(--accent); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ORIGIN COVER (merged opening)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-opening {\r\n  display: block;\r\n  background: var(--white);\r\n}\r\n\r\n.origin-cover {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  min-height: 100vh;\r\n  padding: 8rem 4rem 5rem;\r\n  gap: 5rem;\r\n  align-items: center;\r\n  background: var(--white);\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n.origin-cover-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1.8rem;\r\n}\r\n\r\n.origin-cover-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(3.2rem, 6vw, 6rem);\r\n  font-weight: 900;\r\n  line-height: 0.95;\r\n  letter-spacing: -0.02em;\r\n  color: var(--black);\r\n  margin: 0;\r\n}\r\n\r\n.origin-cover-hed em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: var(--accent);\r\n}\r\n\r\n.origin-cover-dek {\r\n  font-size: 0.95rem;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  color: var(--mid);\r\n  max-width: 44ch;\r\n}\r\n\r\n\/* override hero-origin-strip colors for white bg *\/\r\n.origin-cover .hero-flag-label { color: var(--light); }\r\n.origin-cover .hero-flag-val   { color: var(--ink); }\r\n.origin-cover .hero-origin-divider { background: var(--rule); }\r\n\r\n\/* Kids photo mosaic &mdash; 2\u00d72 grid *\/\r\n.origin-cover-mosaic {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  grid-template-rows: 260px 260px;\r\n  gap: 4px;\r\n}\r\n\r\n.origin-cover-tile {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--warm);\r\n}\r\n\r\n.origin-cover-tile img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  filter: contrast(1.05);\r\n  transition: transform 0.7s cubic-bezier(0.16,1,0.3,1), filter 0.4s;\r\n}\r\n\r\n.origin-cover-tile:hover img {\r\n  filter: contrast(1.02);\r\n}\r\n\r\n\/* Caption overlay *\/\r\n.origin-cover-tile .origin-tile-caption {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  padding: 2rem 1rem 0.9rem;\r\n  background: linear-gradient(to top, rgba(10,10,10,0.7), transparent);\r\n  opacity: 0;\r\n  transform: translateY(4px);\r\n  transition: opacity 0.3s, transform 0.3s;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.2rem;\r\n}\r\n\r\n.origin-cover-tile:hover .origin-tile-caption {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* PART 2: Now &mdash; white, photo + bio *\/\r\n.origin-now {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 85vh;\r\n  background: var(--black);\r\n  border-top: 1px solid rgba(255,255,255,0.06);\r\n}\r\n\r\n.origin-now-photo {\r\n  overflow: hidden;\r\n  background: var(--warm);\r\n}\r\n\r\n.origin-now-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n}\r\n\r\n.origin-now-text {\r\n  padding: 6rem 5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 1.1rem;\r\n  background: var(--black);\r\n}\r\n\r\n.origin-now-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2.4rem, 4vw, 4rem);\r\n  font-weight: 900;\r\n  line-height: 0.96;\r\n  letter-spacing: -0.02em;\r\n  color: var(--white);\r\n  margin: 0.5rem 0;\r\n}\r\n\r\n.origin-now-hed em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n}\r\n\r\n.origin-now-stats {\r\n  display: flex;\r\n  gap: 2.5rem;\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 768px) {\r\n  .origin-cover {\r\n    grid-template-columns: 1fr;\r\n    padding: 6rem 1.5rem 3rem;\r\n    gap: 3rem;\r\n    min-height: auto;\r\n  }\r\n  .origin-cover-mosaic {\r\n    grid-template-rows: 180px 180px;\r\n    gap: 3px;\r\n  }\r\n  .origin-cover-tile .origin-tile-caption { opacity: 1; transform: none; }\r\n  .origin-now { grid-template-columns: 1fr; min-height: auto; }\r\n  .origin-now-photo { min-height: 55vw; }\r\n  .origin-now-text { padding: 3.5rem 1.5rem; }\r\n  .origin-now-stats { gap: 1.5rem; }\r\n}\r\n\r\n.hero-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 100vh;\r\n}\r\n\r\n.hero-photo-col {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--warm);\r\n}\r\n\r\n.hero-photo-main {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  filter: contrast(1.04);\r\n}\r\n\r\n.hero-photo-accent-wrap {\r\n  position: absolute;\r\n  bottom: 2.5rem;\r\n  right: -1.5rem;\r\n  width: 45%;\r\n  border: 4px solid var(--white);\r\n  box-shadow: 0 20px 50px rgba(10,10,10,0.18);\r\n  overflow: hidden;\r\n}\r\n\r\n.hero-photo-accent {\r\n  width: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: top;\r\n}\r\n\r\n.hero-text-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 8rem 5rem 5rem 5rem;\r\n  gap: 1.8rem;\r\n}\r\n\r\n.hero-origin-strip {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n  padding: 1rem 0;\r\n  border-top: 1px solid var(--rule);\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n.hero-origin-flag {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.2rem;\r\n}\r\n\r\n.hero-flag-label {\r\n  font-size: 0.55rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 500;\r\n}\r\n\r\n.hero-flag-val {\r\n  font-size: 0.8rem;\r\n  font-weight: 400;\r\n  color: var(--ink);\r\n  letter-spacing: 0.03em;\r\n}\r\n\r\n.hero-origin-divider {\r\n  width: 1px;\r\n  height: 2rem;\r\n  background: var(--rule);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.hero-stats-row {\r\n  display: flex;\r\n  gap: 2.5rem;\r\n  padding-top: 0.5rem;\r\n}\r\n\r\n.hero-stat {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.2rem;\r\n}\r\n\r\n.hero-stat-num {\r\n  font-family: var(--serif);\r\n  font-size: 2rem;\r\n  font-weight: 900;\r\n  color: var(--black);\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.hero-stat-label {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n}\r\n\r\n\/* \u2500\u2500 Origin story in About \u2500\u2500 *\/\r\n.origin-story {\r\n  margin-top: 0.5rem;\r\n  padding-top: 1.5rem;\r\n  border-top: 1px solid var(--rule);\r\n}\r\n\r\n.origin-eyebrow {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.25em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n  margin-bottom: 0.7rem;\r\n}\r\n\r\n.origin-text {\r\n  font-size: 0.88rem;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  color: var(--mid);\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n.origin-text strong { color: var(--ink); font-weight: 500; }\r\n\r\n.origin-photos {\r\n  display: flex;\r\n  gap: 0.6rem;\r\n}\r\n\r\n.origin-photo-item {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.4rem;\r\n}\r\n\r\n.origin-photo-item img {\r\n  width: 100%;\r\n  aspect-ratio: 3\/4;\r\n  object-fit: cover;\r\n  object-position: top;\r\n  display: block;\r\n  filter: sepia(8%) contrast(1.05);\r\n  transition: filter 0.3s;\r\n}\r\n\r\n.origin-photo-item:hover img { filter: sepia(0%) contrast(1.08); }\r\n\r\n.origin-photo-caption {\r\n  font-size: 0.58rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n}\r\n\r\n\/* \u2500\u2500 About section (with photo) \u2500\u2500 *\/\r\n#s-about {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 90vh;\r\n  background: var(--white);\r\n}\r\n\r\n.about-photo-col {\r\n  background: var(--warm);\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 600px;\r\n}\r\n\r\n.about-text-col {\r\n  padding: 6rem 5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n  overflow-y: auto;\r\n}\r\n\r\n\/* Hero mobile *\/\r\n@media (max-width: 768px) {\r\n  .hero-grid { grid-template-columns: 1fr; min-height: auto; }\r\n  .hero-photo-col { height: 60vw; min-height: 300px; }\r\n  .hero-photo-accent-wrap { display: none; }\r\n  .hero-text-col { padding: 3rem 1.5rem 4rem; }\r\n  .hero-stats-row { gap: 1.5rem; }\r\n  .hero-stat-num { font-size: 1.6rem; }\r\n  .hero-origin-strip { flex-wrap: wrap; gap: 1rem; }\r\n  .hero-origin-divider { display: none; }\r\n  .origin-photos { gap: 0.4rem; }\r\n}\r\n\r\n.opening-overline {\r\n  font-size: 0.75rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.opening-headline {\r\n  font-family: var(--serif);\r\n  font-size: clamp(4rem, 9vw, 9rem);\r\n  font-weight: 900;\r\n  line-height: 0.92;\r\n  letter-spacing: -0.02em;\r\n  color: var(--black);\r\n  margin-bottom: 3rem;\r\n  max-width: 14ch;\r\n}\r\n\r\n.opening-headline em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n}\r\n\r\n.opening-row {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 4rem;\r\n  border-top: 1px solid var(--rule);\r\n  padding-top: 2rem;\r\n}\r\n\r\n.opening-dek {\r\n  font-size: 1rem;\r\n  font-weight: 300;\r\n  line-height: 1.75;\r\n  color: var(--mid);\r\n  max-width: 44ch;\r\n}\r\n\r\n.opening-dek strong {\r\n  color: var(--ink);\r\n  font-weight: 500;\r\n}\r\n\r\n.opening-meta {\r\n  text-align: right;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.opening-meta-line {\r\n  font-size: 0.75rem;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  line-height: 2.2;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* large background number *\/\r\n.opening-bg-num {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: -0.05em;\r\n  transform: translateY(-50%);\r\n  font-family: var(--serif);\r\n  font-size: 40vw;\r\n  font-weight: 900;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px var(--rule);\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 02 &mdash; THE INDUSTRIES\r\n   The \"brag\" &mdash; oversized name-drop\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-industries {\r\n  padding: 10rem 4rem;\r\n  background: var(--black);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.industry-eyebrow {\r\n  font-size: 0.75rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.3);\r\n  font-weight: 400;\r\n  margin-bottom: 5rem;\r\n}\r\n\r\n.industry-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 1.5rem;\r\n  border-bottom: 1px solid rgba(255,255,255,0.07);\r\n  padding: 2.2rem 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.industry-row:first-of-type { border-top: 1px solid rgba(255,255,255,0.07); }\r\n\r\n.industry-num {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  color: rgba(255,255,255,0.2);\r\n  font-weight: 400;\r\n  width: 2.5rem;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.industry-name {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2.8rem, 6vw, 6rem);\r\n  font-weight: 900;\r\n  color: var(--white);\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  flex: 1;\r\n  transition: color 0.3s, transform 0.4s;\r\n  cursor: default;\r\n}\r\n\r\n.industry-row:hover .industry-name {\r\n  color: var(--accent);\r\n  transform: translateX(1.5rem);\r\n}\r\n\r\n.industry-stat {\r\n  font-size: 0.82rem;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.35);\r\n  letter-spacing: 0.04em;\r\n  text-align: right;\r\n  max-width: 220px;\r\n  line-height: 1.7;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.industry-row:hover .industry-stat { color: rgba(255,255,255,0.7); }\r\n\r\n\/* industry name + client sub-line wrapper *\/\r\n.industry-name-wrap {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.industry-clients {\r\n  font-size: 0.72rem;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.28);\r\n  letter-spacing: 0.04em;\r\n  line-height: 1.7;\r\n  max-width: 520px;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.industry-row:hover .industry-clients { color: rgba(255,255,255,0.55); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 03 &mdash; THE NUMBERS\r\n   Proof before story\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-numbers {\r\n  padding: 8rem 4rem;\r\n  background: var(--white);\r\n  display: grid;\r\n  grid-template-columns: 1fr 2fr;\r\n  gap: 6rem;\r\n  align-items: center;\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n.numbers-intro {}\r\n\r\n.numbers-intro-eyebrow {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.numbers-intro-hed {\r\n  font-family: var(--serif);\r\n  font-size: 2rem;\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  line-height: 1.3;\r\n  color: var(--ink);\r\n}\r\n\r\n.numbers-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 0;\r\n}\r\n\r\n.stat-block {\r\n  padding: 2.5rem 2rem;\r\n  border-left: 1px solid var(--rule);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.stat-block::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 2rem; right: 2rem;\r\n  height: 1px;\r\n  background: var(--rule);\r\n}\r\n\r\n.stat-num {\r\n  font-family: var(--serif);\r\n  font-size: 3.2rem;\r\n  font-weight: 900;\r\n  color: var(--black);\r\n  line-height: 1;\r\n  margin-bottom: 0.5rem;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.stat-num sup {\r\n  font-size: 1.5rem;\r\n  vertical-align: super;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 0.72rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.08em;\r\n  color: var(--mid);\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.stat-sub {\r\n  font-size: 0.65rem;\r\n  font-weight: 300;\r\n  color: var(--light);\r\n  margin-top: 0.3rem;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 04 &mdash; WHO I AM\r\n   Photo + editorial pull quote\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-about {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 90vh;\r\n  background: var(--white);\r\n}\r\n\r\n.about-photo-col {\r\n  background: var(--warm);\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 600px;\r\n}\r\n\r\n\/* \u2500\u2500 PHOTO PLACEHOLDER: swap for your actual img \u2500\u2500 *\/\r\n.about-photo-col::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(to bottom, transparent 60%, rgba(248,246,243,0.3)),\r\n    url('') center\/cover no-repeat;\r\n  \/* \ud83d\udc46 INSERT YOUR PHOTO URL OR BASE64 HERE *\/\r\n}\r\n\r\n.photo-slot {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.75rem;\r\n  background: #f0ebe4;\r\n}\r\n\r\n.photo-slot-label {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.25em;\r\n  text-transform: uppercase;\r\n  color: #c8b8a8;\r\n  font-weight: 400;\r\n  text-align: center;\r\n  padding: 0 2rem;\r\n}\r\n\r\n.photo-slot-icon {\r\n  font-size: 2rem;\r\n  opacity: 0.25;\r\n}\r\n\r\n\/* To use your photo: add <img> inside .about-photo-col with style=\"width:100%;height:100%;object-fit:cover;object-position:top\" *\/\r\n\r\n.about-text-col {\r\n  padding: 7rem 5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.about-eyebrow {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.about-pull {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1.35rem, 2.2vw, 2.1rem);\r\n  font-weight: 400;\r\n  line-height: 1.35;\r\n  color: var(--ink);\r\n  margin-bottom: 2.5rem;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n.about-pull em { font-style: italic; }\r\n\r\n.about-body {\r\n  font-size: 0.9rem;\r\n  font-weight: 300;\r\n  line-height: 1.9;\r\n  color: var(--mid);\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n.about-body strong { color: var(--ink); font-weight: 500; }\r\n\r\n.about-rule {\r\n  width: 3rem;\r\n  height: 1px;\r\n  background: var(--accent);\r\n  margin: 2.5rem 0;\r\n}\r\n\r\n.about-creds {\r\n  display: flex;\r\n  gap: 3rem;\r\n}\r\n\r\n.cred-item {}\r\n.cred-val {\r\n  font-family: var(--serif);\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  color: var(--black);\r\n}\r\n.cred-label {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  margin-top: 0.2rem;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 05 &mdash; EXPERIENCE\r\n   Full editorial timeline with pull quotes\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-experience {\r\n  background: var(--white);\r\n  padding: 8rem 0;\r\n  border-top: 1px solid var(--rule);\r\n}\r\n\r\n.exp-header {\r\n  padding: 0 4rem 5rem;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  border-bottom: 1px solid var(--rule);\r\n  margin-bottom: 0;\r\n}\r\n\r\n.exp-header-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2rem, 4vw, 4rem);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  color: var(--black);\r\n}\r\n\r\n.exp-header-note {\r\n  font-size: 0.75rem;\r\n  font-weight: 300;\r\n  color: var(--light);\r\n  max-width: 28ch;\r\n  line-height: 1.7;\r\n  text-align: right;\r\n}\r\n\r\n\/* Each experience entry &mdash; accordion *\/\r\n.exp-entry {\r\n  display: block;\r\n  border-bottom: 1px solid var(--rule);\r\n  position: relative;\r\n  cursor: pointer;\r\n  transition: background 0.25s;\r\n}\r\n\r\n.exp-entry:hover { background: #fafaf9; }\r\n\r\n\/* Collapsed header &mdash; always visible *\/\r\n.exp-entry-header {\r\n  display: grid;\r\n  grid-template-columns: 4rem 1fr auto;\r\n  gap: 0 2rem;\r\n  padding: 2.2rem 4rem;\r\n  align-items: center;\r\n}\r\n\r\n.exp-entry-header-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.15rem;\r\n}\r\n\r\n.exp-entry-header-right {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n}\r\n\r\n.exp-expand-hint {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.exp-entry:hover .exp-expand-hint { color: var(--mid); }\r\n.exp-entry.open .exp-expand-hint { color: var(--accent); }\r\n\r\n.exp-toggle-icon {\r\n  width: 28px;\r\n  height: 28px;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: background 0.25s, border-color 0.25s, transform 0.35s;\r\n  position: relative;\r\n}\r\n\r\n.exp-toggle-icon::before,\r\n.exp-toggle-icon::after {\r\n  content: '';\r\n  position: absolute;\r\n  background: var(--mid);\r\n  border-radius: 1px;\r\n  transition: transform 0.35s, opacity 0.25s;\r\n}\r\n\r\n.exp-toggle-icon::before { width: 10px; height: 1px; }\r\n.exp-toggle-icon::after  { width: 1px; height: 10px; }\r\n\r\n.exp-entry.open .exp-toggle-icon {\r\n  background: var(--black);\r\n  border-color: var(--black);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.exp-entry.open .exp-toggle-icon::before,\r\n.exp-entry.open .exp-toggle-icon::after { background: var(--white); }\r\n\r\n\/* Expandable body *\/\r\n.exp-entry-body {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n  transition: grid-template-rows 0.45s cubic-bezier(0.16,1,0.3,1);\r\n  padding: 0 4rem;\r\n}\r\n\r\n.exp-entry-body-inner {\r\n  overflow: hidden;\r\n  display: grid;\r\n  grid-template-columns: 4rem 1fr 1fr;\r\n  gap: 0 2rem;\r\n}\r\n\r\n.exp-entry-body-inner > .exp-entry-num {\r\n  padding-top: 0;\r\n  padding-bottom: 2.5rem;\r\n}\r\n\r\n.exp-entry.open .exp-entry-body {\r\n  grid-template-rows: 1fr;\r\n}\r\n\r\n.exp-entry-body-content {\r\n  grid-column: 2 \/ 4;\r\n  padding-bottom: 3rem;\r\n}\r\n\r\n.exp-entry-left {}\r\n\r\n.exp-years {\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.18em;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.exp-role {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1.25rem, 1.8vw, 1.8rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--black);\r\n  margin-bottom: 0.5rem;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.exp-company {\r\n  font-size: 0.8rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--mid);\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.exp-entry-right {}\r\n\r\n.exp-body {\r\n  font-size: 0.93rem;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  color: var(--mid);\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.exp-body strong { color: var(--ink); font-weight: 500; }\r\n\r\n.exp-highlights {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.7rem;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.exp-highlights li {\r\n  font-size: 0.85rem;\r\n  font-weight: 300;\r\n  color: var(--mid);\r\n  line-height: 1.65;\r\n  padding-left: 1.4rem;\r\n  position: relative;\r\n}\r\n\r\n.exp-highlights li::before {\r\n  content: '\u00b7';\r\n  position: absolute;\r\n  left: 0;\r\n  color: var(--accent);\r\n  font-weight: 300;\r\n  font-size: 1.2rem;\r\n  line-height: 1.4;\r\n}\r\n\r\n.exp-highlights li strong {\r\n  color: var(--ink);\r\n  font-weight: 500;\r\n}\r\n\r\n.exp-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.5rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.exp-tag {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  font-weight: 400;\r\n  color: var(--mid);\r\n  border: 1px solid var(--rule);\r\n  padding: 0.3rem 0.85rem;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 06 &mdash; NOTABLE WORK\r\n   3-column masonry-style with results\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-work {\r\n  background: var(--warm);\r\n  padding: 8rem 4rem;\r\n}\r\n\r\n.work-header {\r\n  display: flex;\r\n  align-items: baseline;\r\n  justify-content: space-between;\r\n  margin-bottom: 5rem;\r\n}\r\n\r\n.work-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2rem, 4vw, 4rem);\r\n  font-weight: 900;\r\n  letter-spacing: -0.02em;\r\n  color: var(--black);\r\n}\r\n\r\n.work-intro {\r\n  font-size: 0.85rem;\r\n  font-weight: 300;\r\n  color: var(--mid);\r\n  max-width: 30ch;\r\n  line-height: 1.7;\r\n  text-align: right;\r\n}\r\n\r\n.work-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2px;\r\n}\r\n\r\n.work-card {\r\n  background: var(--white);\r\n  padding: 3rem 2.5rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.work-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  height: 2px;\r\n  width: 0;\r\n  background: var(--black);\r\n  transition: width 0.5s ease;\r\n}\r\n\r\n.work-card:hover::before { width: 100%; }\r\n\r\n.work-card-num {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.work-card-result {\r\n  font-family: var(--serif);\r\n  font-size: 3rem;\r\n  font-weight: 900;\r\n  color: var(--black);\r\n  line-height: 1;\r\n  margin-bottom: 0.4rem;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.work-card-result-label {\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  margin-bottom: 1.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.work-card-title {\r\n  font-family: var(--serif);\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: var(--ink);\r\n  margin-bottom: 0.5rem;\r\n  line-height: 1.25;\r\n}\r\n\r\n.work-card-sub {\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  margin-bottom: 1.2rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.work-card-desc {\r\n  font-size: 0.87rem;\r\n  font-weight: 300;\r\n  color: var(--mid);\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 07 &mdash; CLIENT WORLD\r\n   Horizontal marquee + grid\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.clients-header {\r\n  padding: 0 4rem 5rem;\r\n}\r\n\r\n.clients-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2rem, 4vw, 3.5rem);\r\n  font-weight: 900;\r\n  letter-spacing: -0.02em;\r\n  color: var(--black);\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.clients-sub {\r\n  font-size: 0.82rem;\r\n  font-weight: 300;\r\n  color: var(--mid);\r\n  line-height: 1.7;\r\n  max-width: 50ch;\r\n}\r\n\r\n\/* Scrolling marquee *\/\r\n.marquee-wrap {\r\n  overflow: hidden;\r\n  border-top: 1px solid var(--rule);\r\n  border-bottom: 1px solid var(--rule);\r\n  padding: 1.5rem 0;\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.marquee-track {\r\n  display: flex;\r\n  gap: 0;\r\n  animation: marquee-left 25s linear infinite;\r\n  white-space: nowrap;\r\n}\r\n\r\n.marquee-track:hover { animation-play-state: paused; }\r\n\r\n@keyframes marquee-left {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n\r\n.marquee-item {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 2rem;\r\n  padding: 0 3rem;\r\n  font-family: var(--serif);\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n  color: var(--ink);\r\n  letter-spacing: 0.02em;\r\n  white-space: nowrap;\r\n}\r\n\r\n.marquee-item::after {\r\n  content: '\u00b7';\r\n  color: var(--accent);\r\n  font-size: 1.4rem;\r\n}\r\n\r\n\/* Client grid below *\/\r\n.clients-grid {\r\n  padding: 0 4rem;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n}\r\n\r\n.client-item {\r\n  padding: 1.5rem 2rem;\r\n  border-bottom: 1px solid var(--rule);\r\n  border-right: 1px solid var(--rule);\r\n  font-size: 0.82rem;\r\n  font-weight: 400;\r\n  color: var(--ink);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.25rem;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.client-item:hover { background: var(--warm); }\r\n.client-item:nth-child(4n) { border-right: none; }\r\n\r\n.client-item-cat {\r\n  font-size: 0.55rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n}\r\n\r\n.clients-count {\r\n  padding: 5rem 4rem 0;\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 1rem;\r\n}\r\n\r\n.clients-count-num {\r\n  font-family: var(--serif);\r\n  font-size: 4rem;\r\n  font-weight: 900;\r\n  color: var(--black);\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\n.clients-count-label {\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 08 &mdash; TESTIMONIALS\r\n   Full-width editorial quotes\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-voice {\r\n  background: var(--white);\r\n  border-top: 1px solid var(--rule);\r\n  padding: 7rem 4rem 0;\r\n}\r\n\r\n.voice-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2rem, 3.5vw, 3.2rem);\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  color: var(--ink);\r\n  text-align: left;\r\n  margin-bottom: 4rem;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n.voice-hed em { color: var(--accent); font-style: italic; }\r\n\r\n.voice-header {\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.section-eyebrow-light {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.voice-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 3px;\r\n  margin-top: 4rem;\r\n}\r\n\r\n.voice-card {\r\n  background: var(--ink);\r\n  padding: 3.5rem;\r\n  position: relative;\r\n}\r\n\r\n.voice-card-text {\r\n  font-family: var(--serif);\r\n  font-size: 0.95rem;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n  color: rgba(255,255,255,0.78);\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.voice-card-text::before {\r\n  content: '\\201C';\r\n  font-size: 4rem;\r\n  line-height: 0.5;\r\n  color: var(--accent);\r\n  display: block;\r\n  margin-bottom: 1.5rem;\r\n  font-style: normal;\r\n}\r\n\r\n.voice-card-name {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.55);\r\n  font-weight: 500;\r\n  margin-bottom: 0.2rem;\r\n}\r\n\r\n.voice-card-co {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.3);\r\n  font-weight: 300;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 09 &mdash; SKILLS & TOOLS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-craft {\r\n  background: var(--white);\r\n  padding: 8rem 4rem;\r\n  border-top: 1px solid var(--rule);\r\n}\r\n\r\n\/* \u2500\u2500 Craft section \u2500\u2500 *\/\r\n.craft-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 0.9fr;\r\n  gap: 5rem;\r\n  align-items: start;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.craft-tools-block {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1.6rem;\r\n}\r\n\r\n.craft-tag-group {}\r\n\r\n.craft-tag-group-label {\r\n  font-size: 0.6rem;\r\n  font-weight: 500;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  margin-bottom: 0.6rem;\r\n}\r\n\r\n.craft-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.4rem;\r\n}\r\n\r\n.craft-tag {\r\n  font-size: 0.72rem;\r\n  font-weight: 300;\r\n  color: var(--ink);\r\n  background: var(--warm);\r\n  border: 1px solid var(--rule);\r\n  padding: 0.28rem 0.75rem;\r\n  letter-spacing: 0.02em;\r\n  transition: background 0.2s, border-color 0.2s, color 0.2s;\r\n  cursor: default;\r\n}\r\n\r\n.craft-tag:hover {\r\n  background: var(--black);\r\n  border-color: var(--black);\r\n  color: var(--white);\r\n}\r\n\r\n.craft-col-hed {\r\n  font-family: var(--serif);\r\n  font-size: 0.62rem;\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  margin-bottom: 2.5rem;\r\n  padding-bottom: 1rem;\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n\/* Skill bars *\/\r\n.skill-item {\r\n  margin-bottom: 1.8rem;\r\n}\r\n\r\n.skill-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 0.6rem;\r\n}\r\n\r\n.skill-name {\r\n  font-size: 0.82rem;\r\n  font-weight: 400;\r\n  color: var(--ink);\r\n}\r\n\r\n.skill-pct {\r\n  font-size: 0.7rem;\r\n  font-weight: 300;\r\n  color: var(--light);\r\n  font-family: var(--serif);\r\n  font-style: italic;\r\n}\r\n\r\n.skill-track {\r\n  height: 1px;\r\n  background: var(--rule);\r\n}\r\n\r\n.skill-fill {\r\n  height: 1px;\r\n  background: var(--black);\r\n  width: 0;\r\n  transition: width 1.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  position: relative;\r\n}\r\n\r\n.skill-fill::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: -3.5px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border: 1px solid var(--black);\r\n  border-radius: 50%;\r\n  background: var(--white);\r\n}\r\n\r\n\/* tool chips *\/\r\n.tool-list {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n}\r\n\r\n.tool-item {\r\n  font-size: 0.82rem;\r\n  font-weight: 300;\r\n  color: var(--mid);\r\n  padding: 0.9rem 0;\r\n  border-bottom: 1px solid var(--rule);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  transition: color 0.2s, padding-left 0.3s;\r\n}\r\n\r\n.tool-item:hover { color: var(--ink); padding-left: 0.5rem; }\r\n\r\n.tool-dot {\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 50%;\r\n  background: var(--rule);\r\n  transition: background 0.2s;\r\n}\r\n\r\n.tool-item:hover .tool-dot { background: var(--accent); }\r\n\r\n\/* Education block *\/\r\n.edu-list {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2rem;\r\n}\r\n\r\n.edu-item {}\r\n.edu-year {\r\n  font-size: 0.58rem;\r\n  letter-spacing: 0.2em;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.3rem;\r\n}\r\n.edu-degree {\r\n  font-family: var(--serif);\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  color: var(--ink);\r\n  margin-bottom: 0.15rem;\r\n}\r\n.edu-school {\r\n  font-size: 0.72rem;\r\n  font-weight: 300;\r\n  color: var(--light);\r\n  letter-spacing: 0.06em;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 10 &mdash; CLOSING \/ CONTACT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#s-contact {\r\n  background: var(--white);\r\n  min-height: 70vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 8rem 4rem;\r\n  border-top: 1px solid var(--rule);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.contact-bg-text {\r\n  position: absolute;\r\n  bottom: -0.15em;\r\n  right: -0.04em;\r\n  font-family: var(--serif);\r\n  font-size: 28vw;\r\n  font-weight: 900;\r\n  color: transparent;\r\n  -webkit-text-stroke: 1px var(--rule);\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n.contact-eyebrow {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.contact-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2.5rem, 5vw, 5rem);\r\n  font-weight: 900;\r\n  line-height: 0.95;\r\n  color: var(--black);\r\n  margin-bottom: 4rem;\r\n  letter-spacing: -0.03em;\r\n  max-width: 12ch;\r\n}\r\n\r\n.contact-hed em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n}\r\n\r\n.contact-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 500px;\r\n}\r\n\r\n.contact-link {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 1.5rem 0;\r\n  border-bottom: 1px solid var(--rule);\r\n  text-decoration: none;\r\n  color: var(--ink);\r\n  transition: color 0.2s, padding-left 0.3s;\r\n}\r\n\r\n.contact-link:hover {\r\n  color: var(--black);\r\n  padding-left: 0.5rem;\r\n}\r\n\r\n.contact-link-label {\r\n  font-size: 0.58rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  display: block;\r\n  margin-bottom: 0.2rem;\r\n}\r\n\r\n.contact-link-value {\r\n  font-family: var(--serif);\r\n  font-size: 1.1rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.contact-link-arrow {\r\n  font-size: 1rem;\r\n  color: var(--light);\r\n  transition: color 0.2s, transform 0.2s;\r\n}\r\n\r\n.contact-link:hover .contact-link-arrow {\r\n  color: var(--accent);\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOOTER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfooter {\r\n  background: var(--black);\r\n  padding: 2rem 4rem;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.footer-name {\r\n  font-family: var(--serif);\r\n  font-size: 0.8rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.1em;\r\n  color: rgba(255,255,255,0.3);\r\n}\r\n\r\n.footer-copy {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.15em;\r\n  color: rgba(255,255,255,0.2);\r\n  font-weight: 300;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SCROLL ANIMATIONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),\r\n              transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.reveal.in { opacity: 1; transform: translateY(0); }\r\n.reveal:nth-child(2) { transition-delay: 0.08s; }\r\n.reveal:nth-child(3) { transition-delay: 0.16s; }\r\n.reveal:nth-child(4) { transition-delay: 0.24s; }\r\n.reveal:nth-child(5) { transition-delay: 0.32s; }\r\n.reveal:nth-child(6) { transition-delay: 0.40s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GALLERY + LIGHTBOX\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.work-gallery {\r\n  display: flex;\r\n  gap: 6px;\r\n  margin-top: 1.8rem;\r\n  overflow-x: auto;\r\n  scrollbar-width: none;\r\n  padding-bottom: 4px;\r\n}\r\n.work-gallery::-webkit-scrollbar { display: none; }\r\n\r\n.gallery-thumb {\r\n  flex-shrink: 0;\r\n  width: 80px;\r\n  height: 80px;\r\n  background: var(--rule);\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  position: relative;\r\n  border: 1px solid var(--rule);\r\n  transition: border-color 0.2s, transform 0.2s;\r\n}\r\n.gallery-thumb:hover { border-color: var(--black); transform: scale(1.04); }\r\n\r\n.gallery-thumb img,\r\n.gallery-thumb video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  pointer-events: none;\r\n}\r\n\r\n.gallery-thumb-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: var(--warm);\r\n}\r\n.gallery-thumb-placeholder span {\r\n  font-size: 1.2rem;\r\n  opacity: 0.5;\r\n}\r\n.gallery-thumb-placeholder small {\r\n  font-size: 0.5rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  text-align: center;\r\n  padding: 0 6px;\r\n}\r\n\r\n.gallery-add-prompt {\r\n  flex-shrink: 0;\r\n  width: 80px;\r\n  height: 80px;\r\n  border: 1px dashed var(--rule);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  cursor: default;\r\n  opacity: 0.4;\r\n}\r\n.gallery-add-prompt span { font-size: 1.4rem; color: var(--light); }\r\n.gallery-add-prompt small {\r\n  font-size: 0.48rem;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  text-align: center;\r\n  line-height: 1.4;\r\n  padding: 0 6px;\r\n}\r\n\r\n\/* Lightbox overlay *\/\r\n#lightbox {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9000;\r\n  background: rgba(10,10,10,0.95);\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n}\r\n#lightbox.open { display: flex; }\r\n\r\n#lightbox-media {\r\n  max-width: 90vw;\r\n  max-height: 85vh;\r\n  object-fit: contain;\r\n  box-shadow: 0 40px 120px rgba(0,0,0,0.6);\r\n  cursor: default;\r\n}\r\n\r\n#lightbox video#lightbox-media {\r\n  max-width: 80vw;\r\n  max-height: 80vh;\r\n}\r\n\r\n#lightbox-close {\r\n  position: fixed;\r\n  top: 2rem;\r\n  right: 2.5rem;\r\n  font-size: 1.8rem;\r\n  color: rgba(255,255,255,0.5);\r\n  cursor: pointer;\r\n  background: none;\r\n  border: none;\r\n  line-height: 1;\r\n  transition: color 0.2s;\r\n  z-index: 9001;\r\n}\r\n#lightbox-close:hover { color: white; }\r\n\r\n#lightbox-caption {\r\n  position: fixed;\r\n  bottom: 2rem;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.3);\r\n  font-family: var(--sans);\r\n  white-space: nowrap;\r\n}\r\n\r\n#lightbox-prev,\r\n#lightbox-next {\r\n  position: fixed;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  font-size: 2rem;\r\n  color: rgba(255,255,255,0.3);\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  z-index: 9001;\r\n  padding: 1rem;\r\n  transition: color 0.2s;\r\n}\r\n#lightbox-prev:hover, #lightbox-next:hover { color: white; }\r\n#lightbox-prev { left: 1.5rem; }\r\n#lightbox-next { right: 1.5rem; }\r\n\r\n\r\n\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ORIGIN EDITORIAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.origin-editorial {\r\n  background: var(--black);\r\n  padding: 6rem 4rem;\r\n  overflow: hidden;\r\n}\r\n\r\n.origin-header {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.4fr;\r\n  gap: 4rem;\r\n  align-items: start;\r\n  margin-bottom: 4rem;\r\n  padding-bottom: 4rem;\r\n  border-bottom: 1px solid rgba(255,255,255,0.08);\r\n}\r\n\r\n.origin-kicker {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n.origin-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2.4rem, 4vw, 4.5rem);\r\n  font-weight: 900;\r\n  line-height: 0.95;\r\n  color: var(--white);\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.origin-hed em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: var(--accent);\r\n}\r\n\r\n.origin-intro {\r\n  font-size: 0.95rem;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  color: rgba(255,255,255,0.65);\r\n}\r\n\r\n.origin-intro strong { color: rgba(255,255,255,0.9); font-weight: 500; }\r\n\r\n\/* \u2500\u2500 Photo mosaic \u2500\u2500 *\/\r\n.origin-mosaic {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr 1fr;\r\n  grid-template-rows: 320px 240px;\r\n  gap: 4px;\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.origin-tile {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #1a1614;\r\n  cursor: default;\r\n}\r\n\r\n.origin-tile img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  filter: grayscale(20%) contrast(1.08);\r\n  transition: transform 0.7s cubic-bezier(0.16,1,0.3,1), filter 0.5s;\r\n}\r\n\r\n.origin-tile:hover img {\r\n  transform: scale(1.04);\r\n  filter: grayscale(0%) contrast(1.05);\r\n}\r\n\r\n\/* Grid placement *\/\r\n.origin-tile--tall {\r\n  grid-column: 1;\r\n  grid-row: 1 \/ 3;\r\n}\r\n\r\n.origin-tile--top-right {\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n}\r\n\r\n.origin-tile--bottom-right {\r\n  grid-column: 2;\r\n  grid-row: 2;\r\n}\r\n\r\n.origin-tile--wide-bottom {\r\n  grid-column: 3 \/ 5;\r\n  grid-row: 1;\r\n}\r\n\r\n.origin-tile--accent {\r\n  grid-column: 3;\r\n  grid-row: 2;\r\n}\r\n\r\n\/* 5th tile gap filler *\/\r\n.origin-tile--accent + * {\r\n  grid-column: 4;\r\n  grid-row: 2;\r\n}\r\n\r\n\/* Caption overlay *\/\r\n.origin-tile-caption {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  padding: 2.5rem 1.2rem 1.2rem;\r\n  background: linear-gradient(to top, rgba(10,10,10,0.85) 0%, transparent 100%);\r\n  opacity: 0;\r\n  transform: translateY(6px);\r\n  transition: opacity 0.35s, transform 0.35s;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.2rem;\r\n}\r\n\r\n.origin-tile:hover .origin-tile-caption {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.origin-tile-loc {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n}\r\n\r\n.origin-tile-note {\r\n  font-family: var(--serif);\r\n  font-size: 0.88rem;\r\n  font-style: italic;\r\n  color: rgba(255,255,255,0.85);\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Pull quote bar *\/\r\n.origin-quote-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2.5rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.origin-quote-rule {\r\n  flex: 1;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.12);\r\n}\r\n\r\n.origin-quote-text {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1rem, 1.8vw, 1.35rem);\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.5);\r\n  text-align: center;\r\n  max-width: 55ch;\r\n  letter-spacing: 0.02em;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Mobile origin *\/\r\n@media (max-width: 768px) {\r\n  .origin-editorial { padding: 4rem 1.5rem; }\r\n  .origin-header { grid-template-columns: 1fr; gap: 2rem; margin-bottom: 2.5rem; padding-bottom: 2.5rem; }\r\n  .origin-mosaic {\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-template-rows: 200px 200px 180px;\r\n    gap: 3px;\r\n  }\r\n  .origin-tile--tall { grid-column: 1; grid-row: 1 \/ 3; }\r\n  .origin-tile--top-right { grid-column: 2; grid-row: 1; }\r\n  .origin-tile--bottom-right { grid-column: 2; grid-row: 2; }\r\n  .origin-tile--wide-bottom { grid-column: 1 \/ 3; grid-row: 3; }\r\n  .origin-tile--accent { display: none; }\r\n  .origin-tile-caption { opacity: 1; transform: none; }\r\n  .origin-quote-bar { flex-direction: column; gap: 1.2rem; }\r\n  .origin-quote-rule { width: 3rem; height: 1px; flex: none; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1100px) {\r\n  .work-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .craft-grid { gap: 3rem; }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 768px) {\r\n  body { cursor: auto; }\r\n  .cursor, .cursor-ring { display: none; }\r\n\r\n  nav { padding: 1.2rem 1.5rem; }\r\n  nav.scrolled { padding: 0.9rem 1.5rem; }\r\n  .nav-index { display: none; }\r\n  .nav-burger { display: flex; }\r\n\r\n  #s-opening { padding: 0 1.5rem 3.5rem; min-height: 100svh; }\r\n  .opening-overline { margin-bottom: 1.5rem; }\r\n  .opening-headline { font-size: clamp(3rem, 13vw, 5rem); margin-bottom: 2rem; }\r\n  .opening-row { flex-direction: column; gap: 1.5rem; border-top: 1px solid var(--rule); padding-top: 1.5rem; }\r\n  .opening-meta { text-align: left; }\r\n  .opening-bg-num { font-size: 55vw; opacity: 0.4; }\r\n\r\n  #s-industries { padding: 5rem 1.5rem 4rem; }\r\n  .industry-eyebrow { margin-bottom: 3rem; }\r\n  .industry-row { flex-direction: column; gap: 1rem; padding: 2rem 0; }\r\n  .industry-name { font-size: clamp(2rem, 8vw, 3.5rem); }\r\n  .industry-stat { text-align: left; max-width: 100%; }\r\n  .industry-clients { max-width: 100%; }\r\n  .industry-row:hover .industry-name { transform: none; }\r\n\r\n  #s-about { grid-template-columns: 1fr; }\r\n  .about-photo-col { min-height: 320px; }\r\n  .about-text-col { padding: 3rem 1.5rem; }\r\n  .about-pull { font-size: 1.5rem; }\r\n  .about-creds { gap: 2rem; }\r\n\r\n  #s-experience { padding: 5rem 0; }\r\n  .exp-header { padding: 0 1.5rem 3rem; flex-direction: column; gap: 1rem; align-items: flex-start; }\r\n  .exp-header-note { text-align: left; max-width: 100%; }\r\n  .exp-entry-header { padding: 1.8rem 1.5rem; grid-template-columns: 2rem 1fr auto; gap: 0 1rem; }\r\n  .exp-entry-body { padding: 0 1.5rem; }\r\n  .exp-entry-body-inner { grid-template-columns: 1fr; }\r\n  .exp-entry-body-content { grid-column: 1; padding-bottom: 2rem; }\r\n  .exp-expand-hint { display: none; }\r\n  .exp-role { font-size: 1.3rem; }\r\n\r\n  #s-work { padding: 5rem 1.5rem; }\r\n  .work-header { flex-direction: column; gap: 1rem; margin-bottom: 3rem; }\r\n  .work-intro { text-align: left; max-width: 100%; }\r\n  .work-grid { grid-template-columns: 1fr; gap: 2px; }\r\n\r\n  .clients-header { padding: 0 1.5rem 3rem; }\r\n  .clients-grid { padding: 0 1.5rem; grid-template-columns: repeat(2, 1fr); }\r\n  .clients-grid .client-item:nth-child(even) { border-right: none; }\r\n  .clients-count { padding: 3rem 1.5rem 0; }\r\n  .clients-count-num { font-size: 3.5rem; }\r\n\r\n  #s-voice { padding: 5rem 1.5rem; }\r\n  .voice-grid { grid-template-columns: 1fr; }\r\n  .voice-card { padding: 2.5rem 2rem; }\r\n\r\n  #s-craft { padding: 5rem 1.5rem; }\r\n  .craft-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n\r\n  #s-contact { padding: 5rem 1.5rem; min-height: auto; }\r\n  .contact-hed { font-size: clamp(2.5rem, 10vw, 4rem); margin-bottom: 3rem; }\r\n  .contact-bg-text { font-size: 45vw; }\r\n  .contact-links { max-width: 100%; }\r\n\r\n  footer { padding: 2rem 1.5rem; flex-direction: column; gap: 0.5rem; text-align: center; }\r\n\r\n  section { padding: 5rem 1.5rem; }\r\n  #s-numbers, #s-craft { padding: 5rem 1.5rem; }\r\n}\r\n\r\n\/* \u2500\u2500 Know-me section inside opening \u2500\u2500 *\/\r\n.know-me-section {\r\n  background: var(--white);\r\n  border-top: 1px solid var(--rule);\r\n}\r\n\r\n.know-me-bio {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.4fr;\r\n  min-height: 580px;\r\n}\r\n\r\n.know-me-text {\r\n  padding: 5rem 5rem 5rem 5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n}\r\n\r\n.know-me-pull {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1.2rem, 2vw, 1.7rem);\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n  color: var(--ink);\r\n  margin-bottom: 0.5rem;\r\n  letter-spacing: 0.01em;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .know-me-bio { grid-template-columns: 1fr; }\r\n  .know-me-text { padding: 3rem 1.5rem; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ORIGIN EDITORIAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.origin-editorial {\r\n  background: var(--black);\r\n  padding: 6rem 4rem;\r\n  overflow: hidden;\r\n}\r\n\r\n.origin-header {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.4fr;\r\n  gap: 4rem;\r\n  align-items: start;\r\n  margin-bottom: 4rem;\r\n  padding-bottom: 4rem;\r\n  border-bottom: 1px solid rgba(255,255,255,0.08);\r\n}\r\n\r\n.origin-kicker {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n.origin-hed {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2.4rem, 4vw, 4.5rem);\r\n  font-weight: 900;\r\n  line-height: 0.95;\r\n  color: var(--white);\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.origin-hed em {\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  color: var(--accent);\r\n}\r\n\r\n.origin-intro {\r\n  font-size: 0.95rem;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  color: rgba(255,255,255,0.65);\r\n}\r\n\r\n.origin-intro strong { color: rgba(255,255,255,0.9); font-weight: 500; }\r\n\r\n\/* \u2500\u2500 Photo mosaic \u2500\u2500 *\/\r\n.origin-mosaic {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr 1fr;\r\n  grid-template-rows: 320px 240px;\r\n  gap: 4px;\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.origin-tile {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #1a1614;\r\n  cursor: default;\r\n}\r\n\r\n.origin-tile img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  filter: grayscale(20%) contrast(1.08);\r\n  transition: transform 0.7s cubic-bezier(0.16,1,0.3,1), filter 0.5s;\r\n}\r\n\r\n.origin-tile:hover img {\r\n  transform: scale(1.04);\r\n  filter: grayscale(0%) contrast(1.05);\r\n}\r\n\r\n\/* Grid placement *\/\r\n.origin-tile--tall {\r\n  grid-column: 1;\r\n  grid-row: 1 \/ 3;\r\n}\r\n\r\n.origin-tile--top-right {\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n}\r\n\r\n.origin-tile--bottom-right {\r\n  grid-column: 2;\r\n  grid-row: 2;\r\n}\r\n\r\n.origin-tile--wide-bottom {\r\n  grid-column: 3 \/ 5;\r\n  grid-row: 1;\r\n}\r\n\r\n.origin-tile--accent {\r\n  grid-column: 3;\r\n  grid-row: 2;\r\n}\r\n\r\n\/* 5th tile gap filler *\/\r\n.origin-tile--accent + * {\r\n  grid-column: 4;\r\n  grid-row: 2;\r\n}\r\n\r\n\/* Caption overlay *\/\r\n.origin-tile-caption {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  padding: 2.5rem 1.2rem 1.2rem;\r\n  background: linear-gradient(to top, rgba(10,10,10,0.85) 0%, transparent 100%);\r\n  opacity: 0;\r\n  transform: translateY(6px);\r\n  transition: opacity 0.35s, transform 0.35s;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.2rem;\r\n}\r\n\r\n.origin-tile:hover .origin-tile-caption {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.origin-tile-loc {\r\n  font-size: 0.6rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  font-weight: 500;\r\n}\r\n\r\n.origin-tile-note {\r\n  font-family: var(--serif);\r\n  font-size: 0.88rem;\r\n  font-style: italic;\r\n  color: rgba(255,255,255,0.85);\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Pull quote bar *\/\r\n.origin-quote-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2.5rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.origin-quote-rule {\r\n  flex: 1;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.12);\r\n}\r\n\r\n.origin-quote-text {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1rem, 1.8vw, 1.35rem);\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.5);\r\n  text-align: center;\r\n  max-width: 55ch;\r\n  letter-spacing: 0.02em;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Mobile origin *\/\r\n@media (max-width: 768px) {\r\n  .origin-editorial { padding: 4rem 1.5rem; }\r\n  .origin-header { grid-template-columns: 1fr; gap: 2rem; margin-bottom: 2.5rem; padding-bottom: 2.5rem; }\r\n  .origin-mosaic {\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-template-rows: 200px 200px 180px;\r\n    gap: 3px;\r\n  }\r\n  .origin-tile--tall { grid-column: 1; grid-row: 1 \/ 3; }\r\n  .origin-tile--top-right { grid-column: 2; grid-row: 1; }\r\n  .origin-tile--bottom-right { grid-column: 2; grid-row: 2; }\r\n  .origin-tile--wide-bottom { grid-column: 1 \/ 3; grid-row: 3; }\r\n  .origin-tile--accent { display: none; }\r\n  .origin-tile-caption { opacity: 1; transform: none; }\r\n  .origin-quote-bar { flex-direction: column; gap: 1.2rem; }\r\n  .origin-quote-rule { width: 3rem; height: 1px; flex: none; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* \u2500\u2500 Embedded client roster in experience \u2500\u2500 *\/\r\n.exp-client-block {\r\n  margin-top: 2rem;\r\n  margin-bottom: 1.5rem;\r\n  border-top: 1px solid var(--rule);\r\n  padding-top: 1.5rem;\r\n}\r\n\r\n.exp-client-block-label {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 500;\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.exp-client-categories {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 1.25rem 2.5rem;\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.exp-client-cat {}\r\n\r\n.exp-client-cat-title {\r\n  font-size: 0.62rem;\r\n  font-weight: 500;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--accent);\r\n  margin-bottom: 0.35rem;\r\n}\r\n\r\n.exp-client-names {\r\n  font-size: 0.8rem;\r\n  font-weight: 300;\r\n  color: var(--mid);\r\n  line-height: 1.7;\r\n}\r\n\r\n.exp-client-total {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--light);\r\n  font-weight: 400;\r\n  padding-top: 1rem;\r\n  border-top: 1px solid var(--rule);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .exp-client-categories { grid-template-columns: 1fr; gap: 1rem; }\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Nameplate \u2500\u2500 *\/\r\n\r\n\r\n\/* \u2500\u2500 origin-now dark overrides \u2500\u2500 *\/\r\n.origin-now-text .opening-overline { color: var(--accent); }\r\n.origin-now-text .about-body { color: rgba(255,255,255,0.55); }\r\n.origin-now-text .about-body strong { color: rgba(255,255,255,0.85); }\r\n.origin-now-text .about-rule { background: rgba(255,255,255,0.1); }\r\n.origin-now-text .cred-val { color: var(--white); }\r\n.origin-now-text .cred-label { color: rgba(255,255,255,0.35); }\r\n.origin-now-text .hero-stat-num { color: var(--white); }\r\n.origin-now-text .hero-stat-label { color: rgba(255,255,255,0.35); }\r\n.origin-now-text .opening-meta-line { color: rgba(255,255,255,0.3) !important; }\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CLEANUP PATCH\r\n   Structural fixes, safer media, and accessibility polish.\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nhtml { scroll-padding-top: 64px; }\r\nimg, video { max-width: 100%; }\r\na:focus-visible, button:focus-visible, .exp-entry:focus-visible, .gallery-thumb:focus-visible {\r\n  outline: 2px solid var(--accent);\r\n  outline-offset: 4px;\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n  *, *::before, *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    scroll-behavior: auto !important;\r\n    transition-duration: 0.01ms !important;\r\n  }\r\n}\r\n@media (max-width: 768px) {\r\n  nav { height: auto; min-height: 54px; }\r\n  .nav-brand { margin-right: 0; max-width: calc(100% - 48px); }\r\n  .nav-brand-tag { display: none; }\r\n  .nav-burger { margin-left: auto; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursor-ring\"><\/div>\r\n<div id=\"progress-bar\"><\/div>\r\n\r\n<!-- \u2550\u2550 NAV \u2550\u2550 -->\r\n<nav id=\"main-nav\">\r\n  <div class=\"nav-brand\">\r\n    <span class=\"nav-brand-meet\">Meet<\/span>\r\n    <span class=\"nav-brand-name\">Lee Jones<\/span>\r\n    <span class=\"nav-brand-divider\"><\/span>\r\n    <span class=\"nav-brand-tag\">Your next investment.<\/span>\r\n  <\/div>\r\n  <ul class=\"nav-index\">\r\n    <li><a href=\"#s-experience\">Experience<\/a><\/li>\r\n    <li><a href=\"#s-industries\">Industries<\/a><\/li>\r\n    <li><a href=\"#s-voice\">Praise<\/a><\/li>\r\n    <li><a href=\"#s-craft\">Craft<\/a><\/li>\r\n    <li><a href=\"#s-contact\">Connect<\/a><\/li>\r\n  <\/ul>\r\n  <button class=\"nav-burger\" id=\"nav-burger\" aria-label=\"Menu\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/button>\r\n<\/nav>\r\n\r\n<!-- Mobile menu overlay -->\r\n<div class=\"nav-mobile-overlay\" id=\"nav-mobile\">\r\n  <a href=\"#s-experience\" class=\"mob-link\">Experience<\/a>\r\n  <a href=\"#s-industries\" class=\"mob-link\">Industries<\/a>\r\n  <a href=\"#s-voice\" class=\"mob-link\">Praise<\/a>\r\n  <a href=\"#s-craft\" class=\"mob-link\">Craft<\/a>\r\n  <a href=\"#s-contact\" class=\"mob-link\">Connect<\/a>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 SECTIONS \u2550\u2550 -->\r\n<section id=\"s-opening\">\r\n\r\n  <!-- PART 1: Origin &mdash; dark, headline + childhood photos -->\r\n  <div class=\"origin-cover\">\r\n\r\n    <div class=\"origin-cover-text\">\r\n      <p class=\"origin-kicker\">Origin Story<\/p>\r\n      <h1 class=\"origin-cover-hed\">Made in England.<br><em>Built in America.<\/em><\/h1>\r\n      <div class=\"hero-origin-strip\">\r\n        <div class=\"hero-origin-flag\">\r\n          <span class=\"hero-flag-label\">Born<\/span>\r\n          <span class=\"hero-flag-val\">Ipswich, Suffolk, UK<\/span>\r\n        <\/div>\r\n        <div class=\"hero-origin-divider\"><\/div>\r\n        <div class=\"hero-origin-flag\">\r\n          <span class=\"hero-flag-label\">Raised<\/span>\r\n          <span class=\"hero-flag-val\">United States<\/span>\r\n        <\/div>\r\n        <div class=\"hero-origin-divider\"><\/div>\r\n        <div class=\"hero-origin-flag\">\r\n          <span class=\"hero-flag-label\">Based<\/span>\r\n          <span class=\"hero-flag-val\">Los Angeles, CA<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"origin-cover-dek\">\r\n        Ipswich, Suffolk. A proper English upbringing &mdash; the kind that gives you a refined eye, a comfort with sophistication, and a global frame of reference most people spend entire careers trying to perform. Then America, where the ambition kicked in and the work began.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"origin-cover-mosaic\">\r\n      <div class=\"origin-cover-tile origin-cover-tile--a\">\r\n <img decoding=\"async\" src=\"https:\/\/career.saintvi.com\/wp-content\/uploads\/2026\/05\/54863101093__6699BDDB-B5CD-43A8-B5B8-B77ED1AC56CE-2-scaled.jpg\" alt=\"\" loading=\"lazy\">        <div class=\"origin-tile-caption\">\r\n          <span class=\"origin-tile-loc\">Posh\/Sophisticated<\/span>\r\n          <span class=\"origin-tile-note\">Since a child.<span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"origin-cover-tile origin-cover-tile--b\"><img decoding=\"async\" src=\"https:\/\/career.saintvi.com\/wp-content\/uploads\/2026\/05\/leekid2-e1778821405366.jpeg\" alt=\"\" loading=\"lazy\">\r\n        <div class=\"origin-tile-caption\">\r\n          <span class=\"origin-tile-loc\">Confident.<\/span>\r\n          <span class=\"origin-tile-note\">Born with impeccable taste.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"origin-cover-tile origin-cover-tile--c\"><img decoding=\"async\" src=\"https:\/\/career.saintvi.com\/wp-content\/uploads\/2026\/05\/IMG_0078.jpg \" alt=\"\" loading=\"lazy\">\r\n        <div class=\"origin-tile-caption\">\r\n          <span class=\"origin-tile-loc\">Family Oriented.<\/span>\r\n          <span class=\"origin-tile-note\">Them before everyone.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"origin-cover-tile origin-cover-tile--d\"><img decoding=\"async\" src=\"https:\/\/career.saintvi.com\/wp-content\/uploads\/2026\/05\/IMG_0077-scaled.jpg\" alt=\"\" loading=\"lazy\">\r\n        <div class=\"origin-tile-caption\">\r\n          <span class=\"origin-tile-loc\">Kind.  Thoughtful. Loving.<\/span>\r\n          <span class=\"origin-tile-note\">At the Core.<span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- PART 2: The Woman Now &mdash; light, photo + bio -->\r\n  <div class=\"origin-now\">\r\n\r\n    <div class=\"origin-now-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/career.saintvi.com\/wp-content\/uploads\/2026\/05\/leepic1.jpeg\" alt=\"\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n    <div class=\"origin-now-text\">\r\n      <p class=\"opening-overline\">Career Portfolio &nbsp;\u00b7&nbsp; Lee Jones<\/p>\r\n      <h2 class=\"origin-now-hed\">\r\n        The creative<br>force <em>behind<\/em><br>the brand.\r\n      <\/h2>\r\n      <p class=\"about-body\">\r\n        I'm Lee &mdash; founder of <strong>unmatte\u2122<\/strong>, creative agency director, brand strategist, and practicing visual artist. Over twelve years I have worked at the highest levels of sports, music, fashion, and entertainment &mdash; building campaigns and brand systems that move culture and drive measurable results.\r\n      <\/p>\r\n      <p class=\"about-body\">\r\n        What I do isn't marketing support. It's <strong>brand leadership.<\/strong> I define the vision, build the system, and execute through to impact. The posh English upbringing gave me the eye. America gave me the drive. The work speaks for itself.\r\n      <\/p>\r\n      <div class=\"about-rule\"><\/div>\r\n      <div class=\"origin-now-stats\">\r\n        <div class=\"hero-stat\">\r\n          <span class=\"hero-stat-num\">12+<\/span>\r\n          <span class=\"hero-stat-label\">Years<\/span>\r\n        <\/div>\r\n        <div class=\"hero-stat\">\r\n          <span class=\"hero-stat-num\">800+<\/span>\r\n          <span class=\"hero-stat-label\">Clients<\/span>\r\n        <\/div>\r\n        <div class=\"hero-stat\">\r\n          <span class=\"hero-stat-num\">8.9M<\/span>\r\n          <span class=\"hero-stat-label\">Campaign Reach<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"opening-meta\" style=\"text-align:left; margin-top:1.5rem;\">\r\n        <div class=\"opening-meta-line\" style=\"color:var(--mid);\">Founder, unmatte\u2122 &nbsp;\u00b7&nbsp; hi@saintvi.com &nbsp;\u00b7&nbsp; saintvi.com<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 EXPERIENCE \u2550\u2550 -->\r\n<section id=\"s-experience\">\r\n  <div class=\"exp-header\">\r\n    <h2 class=\"exp-header-hed\">Full Experience<\/h2>\r\n    <p class=\"exp-header-note\">Click any role to expand the full story.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"exp-entry reveal\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n    <div class=\"exp-entry-header\">\r\n      <span class=\"exp-entry-num\">01<\/span>\r\n      <div class=\"exp-entry-header-left\">\r\n        <div class=\"exp-years\">2019 &mdash; Present<\/div>\r\n        <div class=\"exp-role\">Founder &amp; Creative Director<\/div>\r\n        <div class=\"exp-company\">unmatte\u2122 \u00b7 Los Angeles<\/div>\r\n      <\/div>\r\n      <div class=\"exp-entry-header-right\">\r\n        <span class=\"exp-expand-hint\">Read More<\/span>\r\n        <div class=\"exp-toggle-icon\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"exp-entry-body\">\r\n      <div class=\"exp-entry-body-inner\">\r\n        <div class=\"exp-entry-body-content\">\r\n          <p class=\"exp-body\">unmatte\u2122 is a full-service creative agency built on one belief: <strong>brand identity and marketing strategy are the same thing.<\/strong> Since 2019, the agency has driven 800+ client engagements across fashion, wellness, entertainment, sports, healthcare, DTC, and professional services &mdash; with every major creative vision personally directed and every significant partnership personally closed.<\/p>\r\n          <ul class=\"exp-highlights\">\r\n            <li><strong>Brand architecture and identity systems<\/strong> from naming and visual identity through campaign rollout, web presence, and full content ecosystem development<\/li>\r\n            <li><strong>Global-level campaign strategy and execution<\/strong> including integrated multi-platform campaigns, go-to-market planning, audience segmentation, and competitive positioning<\/li>\r\n            <li><strong>Creative and art direction<\/strong> across digital, print, social, editorial, experiential, broadcast, and video &mdash; with hands-on execution from concept through final delivery<\/li>\r\n            <li><strong>Executive presentations, pitch decks, and media kits<\/strong> designed to win investment, press coverage, sponsorships, and retail partnerships at the highest level<\/li>\r\n            <li><strong>Content system architecture<\/strong> &mdash; repeatable editorial frameworks, social content systems, and brand voice infrastructure built to scale<\/li>\r\n            <li><strong>Web design and development<\/strong> &mdash; full HTML\/CSS builds, WordPress\/Elementor systems, and UI\/UX for clients ranging from startups to national organizations<\/li>\r\n            <li><strong>Influencer and brand partnership strategy<\/strong> &mdash; identifying, structuring, and activating partnerships that align cultural credibility with commercial objectives<\/li>\r\n            <li><strong>Six-year retained relationship with REVOLT TV<\/strong> &mdash; delivering unique thematic brand identities for each event location annually, driving 30% YoY attendance growth<\/li>\r\n          <\/ul>\r\n          <div class=\"exp-client-block\">\r\n            <div class=\"exp-client-block-label\">Notable Clients via unmatte\u2122<\/div>\r\n            <div class=\"exp-client-categories\">\r\n              <div class=\"exp-client-cat\">\r\n                <div class=\"exp-client-cat-title\">Fashion &amp; Lifestyle<\/div>\r\n                <div class=\"exp-client-names\">JLUXLABEL \u00b7 Banana Republic \u00b7 Lacoste \u00b7 Soma Intimates \u00b7 Halle Berry \u00b7 Kali Uchis<\/div>\r\n              <\/div>\r\n              <div class=\"exp-client-cat\">\r\n                <div class=\"exp-client-cat-title\">Music &amp; Entertainment<\/div>\r\n                <div class=\"exp-client-names\">REVOLT TV \u00b7 Kid Cudi \u00b7 Don Toliver \u00b7 Kali Uchis \u00b7 Erykah Badu \u00b7 Snoop Dogg \u00b7 Chip the Ripper \u00b7 Jake Paul \u00b7 DR31 Sports<\/div>\r\n              <\/div>\r\n              <div class=\"exp-client-cat\">\r\n                <div class=\"exp-client-cat-title\">Sports &amp; Athletes<\/div>\r\n                <div class=\"exp-client-names\">Cleveland Browns \u00b7 Dallas Cowboys \u00b7 Miami Dolphins \u00b7 Los Angeles Chargers \u00b7 San Francisco 49ers \u00b7 Cleveland Cavaliers \u00b7 Philadelphia 76ers \u00b7 Chicago Bulls \u00b7 Detroit Pistons \u00b7 Andre Drummond \u00b7 Donovan Mitchell \u00b7 Darius Garland \u00b7 Myles Garrett \u00b7 Alvin Kamara \u00b7 Jalen Ramsey \u00b7 JR Smith \u00b7 Montana Love \u00b7 Stipe Miocic \u00b7 Dolph Ziggler<\/div>\r\n              <\/div>\r\n              <div class=\"exp-client-cat\">\r\n                <div class=\"exp-client-cat-title\">Media, Finance &amp; Professional Services<\/div>\r\n                <div class=\"exp-client-names\">Rimar Capital \u00b7 Ascent Real Estate Partners \u00b7 Ippon Technology \u00b7 SalesBos Solutions \u00b7 United Way Cleveland \u00b7 United Way Greater Atlanta \u00b7 United Way Metro Chicago \u00b7 PopLaw Podcast<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"exp-client-total\">800+ total clients across 12+ years<\/div>\r\n          <\/div>\r\n          <div class=\"exp-tags\">\r\n            <span class=\"exp-tag\">Agency Leadership<\/span><span class=\"exp-tag\">Brand Architecture<\/span>\r\n            <span class=\"exp-tag\">Creative Direction<\/span><span class=\"exp-tag\">Campaign Strategy<\/span>\r\n            <span class=\"exp-tag\">Art Direction<\/span><span class=\"exp-tag\">Web Design<\/span>\r\n            <span class=\"exp-tag\">Content Strategy<\/span><span class=\"exp-tag\">GTM Strategy<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"exp-entry reveal\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n    <div class=\"exp-entry-header\">\r\n      <span class=\"exp-entry-num\">02<\/span>\r\n      <div class=\"exp-entry-header-left\">\r\n        <div class=\"exp-years\">2021 &mdash; 2023<\/div>\r\n        <div class=\"exp-role\">Sr. Marketing &amp; Brand Strategy Manager<\/div>\r\n        <div class=\"exp-company\">Cleveland Browns, NFL \u00b7 Promoted<\/div>\r\n      <\/div>\r\n      <div class=\"exp-entry-header-right\">\r\n        <span class=\"exp-expand-hint\">Read More<\/span>\r\n        <div class=\"exp-toggle-icon\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"exp-entry-body\">\r\n      <div class=\"exp-entry-body-inner\">\r\n        <div class=\"exp-entry-body-content\">\r\n          <p class=\"exp-body\">Promoted to senior brand strategy leadership inside one of the NFL's most high-profile franchises. Responsible for the complete creative and marketing direction of the organization's public-facing brand &mdash; including multi-platform campaign architecture, influencer partnerships, experiential activations, and a comprehensive franchise rebrand.<\/p>\r\n          <ul class=\"exp-highlights\">\r\n            <li><strong>Directed the 75th Anniversary rebrand<\/strong> &mdash; designed the anniversary emblem, updated brand system, merchandise, trading cards, broadcast CCTVs, digital headers, and fan wallpaper assets. Recognized by the NFL league office across all 32 teams. Drove a 20% increase in digital fan engagement<\/li>\r\n            <li><strong>Conceived and executed the Jake Paul influencer campaign<\/strong> &mdash; wrote the concept, produced and staged the stunt, managed distribution. No outside agency. 8.9 million engagements from a single activation<\/li>\r\n            <li><strong>Created an integrated marketing plan for NBA stars Donovan Mitchell and Darius Garland<\/strong> &mdash; built full campaign architecture, coordinated VIP game-day experience, managed athlete-brand storytelling. 3.3 million engagements<\/li>\r\n            <li><strong>Launched CHOMPIONS LEAGUE<\/strong> &mdash; conceptualized the Browns' esports community from zero, identified the vendor, led all business development negotiations, built the marketing and launch strategy. Ranked #1 across all 32 NFL teams<\/li>\r\n            <li><strong>Managed seasonal brand campaigns<\/strong> from ideation through final asset delivery across social, email, in-stadium, broadcast, and digital platforms<\/li>\r\n            <li><strong>Led cross-functional creative teams<\/strong> including photographers, videographers, designers, and agency partners<\/li>\r\n            <li><strong>Developed pitch decks, presentation design, and sponsor-facing materials<\/strong> used in executive and league-level meetings<\/li>\r\n          <\/ul>\r\n          <div class=\"exp-tags\">\r\n            <span class=\"exp-tag\">Franchise Rebranding<\/span><span class=\"exp-tag\">Influencer Strategy<\/span>\r\n            <span class=\"exp-tag\">Campaign Architecture<\/span><span class=\"exp-tag\">NFL Scale<\/span>\r\n            <span class=\"exp-tag\">Experiential<\/span><span class=\"exp-tag\">Cross-Functional Leadership<\/span>\r\n            <span class=\"exp-tag\">8.9M Reach<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"exp-entry reveal\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n    <div class=\"exp-entry-header\">\r\n      <span class=\"exp-entry-num\">03<\/span>\r\n      <div class=\"exp-entry-header-left\">\r\n        <div class=\"exp-years\">2020 &mdash; 2021<\/div>\r\n        <div class=\"exp-role\">Digital Media Manager<\/div>\r\n        <div class=\"exp-company\">Cleveland Browns, NFL<\/div>\r\n      <\/div>\r\n      <div class=\"exp-entry-header-right\">\r\n        <span class=\"exp-expand-hint\">Read More<\/span>\r\n        <div class=\"exp-toggle-icon\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"exp-entry-body\">\r\n      <div class=\"exp-entry-body-inner\">\r\n        <div class=\"exp-entry-body-content\">\r\n          <p class=\"exp-body\">Hired to own the digital content operation for one of the league's most-watched franchises. Within one year, built systems and delivered results that earned a direct promotion to brand strategy senior leadership.<\/p>\r\n          <ul class=\"exp-highlights\">\r\n            <li><strong>Full ownership of the digital content calendar<\/strong> &mdash; planned, briefed, created, and published content across Instagram, Twitter\/X, Facebook, YouTube, and the team website<\/li>\r\n            <li><strong>Built the organization's visual content system<\/strong> &mdash; developed templates, style guides, and a repeatable creative process that gave the brand consistent visual language at speed<\/li>\r\n            <li><strong>Managed game-day content production<\/strong> &mdash; coordinated real-time creative output on event days, directing in-stadium photographers and video teams<\/li>\r\n            <li><strong>Tracked and analyzed platform performance<\/strong> &mdash; used data from Google Analytics and native platform tools to inform content decisions and identify growth opportunities<\/li>\r\n            <li><strong>Collaborated with brand partners and sponsors<\/strong> on co-branded content integrations across digital channels<\/li>\r\n            <li>Promoted to Senior Marketing and Brand Strategy Manager within 12 months<\/li>\r\n          <\/ul>\r\n          <div class=\"exp-tags\">\r\n            <span class=\"exp-tag\">Digital Content Strategy<\/span><span class=\"exp-tag\">Social Media Management<\/span>\r\n            <span class=\"exp-tag\">Visual Systems<\/span><span class=\"exp-tag\">Performance Analytics<\/span>\r\n            <span class=\"exp-tag\">Game-Day Production<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"exp-entry reveal\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n    <div class=\"exp-entry-header\">\r\n      <span class=\"exp-entry-num\">04<\/span>\r\n      <div class=\"exp-entry-header-left\">\r\n        <div class=\"exp-years\">2018 &mdash; 2020<\/div>\r\n        <div class=\"exp-role\">Sr. Marketing Operations Manager<\/div>\r\n        <div class=\"exp-company\">ReBiz Business Analytics \u00b7 Promoted<\/div>\r\n      <\/div>\r\n      <div class=\"exp-entry-header-right\">\r\n        <span class=\"exp-expand-hint\">Read More<\/span>\r\n        <div class=\"exp-toggle-icon\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"exp-entry-body\">\r\n      <div class=\"exp-entry-body-inner\">\r\n        <div class=\"exp-entry-body-content\">\r\n          <p class=\"exp-body\">Joined as Content Marketing Manager and promoted to Senior Marketing Operations Manager within the same year. Led the full marketing operation: strategy, content, design, and client-facing execution for a B2B analytics firm.<\/p>\r\n          <ul class=\"exp-highlights\">\r\n            <li><strong>Developed and owned the company's marketing strategy<\/strong> &mdash; positioning, messaging, lead generation, and brand development<\/li>\r\n            <li><strong>Built and managed the full content marketing program<\/strong> &mdash; blog, email newsletters, case studies, white papers, social media, and LinkedIn presence<\/li>\r\n            <li><strong>Designed all marketing collateral<\/strong> &mdash; sales decks, proposal templates, client presentations, and branded materials across digital and print<\/li>\r\n            <li><strong>Led SEO and digital advertising strategy<\/strong> &mdash; managed paid and organic campaigns, tracked KPIs, and reported performance to executive leadership<\/li>\r\n            <li><strong>Directed website redesign and UX improvements<\/strong> &mdash; working with development partners to build a higher-converting enterprise site<\/li>\r\n            <li><strong>Managed client marketing programs<\/strong> &mdash; creating content strategies and campaign plans for ReBiz clients in addition to internal brand marketing<\/li>\r\n          <\/ul>\r\n          <div class=\"exp-tags\">\r\n            <span class=\"exp-tag\">Marketing Strategy<\/span><span class=\"exp-tag\">B2B Marketing<\/span>\r\n            <span class=\"exp-tag\">Content Marketing<\/span><span class=\"exp-tag\">SEO<\/span>\r\n            <span class=\"exp-tag\">Email Marketing<\/span><span class=\"exp-tag\">Client Management<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"exp-entry reveal\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n    <div class=\"exp-entry-header\">\r\n      <span class=\"exp-entry-num\">05<\/span>\r\n      <div class=\"exp-entry-header-left\">\r\n        <div class=\"exp-years\">2014 &mdash; 2018<\/div>\r\n        <div class=\"exp-role\">Marketing Manager to Graphic Designer<\/div>\r\n        <div class=\"exp-company\">Thryv Digital Marketing Agency<\/div>\r\n      <\/div>\r\n      <div class=\"exp-entry-header-right\">\r\n        <span class=\"exp-expand-hint\">Read More<\/span>\r\n        <div class=\"exp-toggle-icon\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"exp-entry-body\">\r\n      <div class=\"exp-entry-body-inner\">\r\n        <div class=\"exp-entry-body-content\">\r\n          <p class=\"exp-body\">Four years at a full-service digital agency demanding total creative and strategic fluency across a high-volume, multi-industry client roster. Built an understanding of how design decisions translate directly into business results.<\/p>\r\n          <ul class=\"exp-highlights\">\r\n            <li><strong>Managed marketing campaigns for a multi-industry client roster<\/strong> &mdash; local businesses, regional brands, and national accounts across retail, hospitality, healthcare, and services<\/li>\r\n            <li><strong>Designed brand identities, logos, and visual systems<\/strong> &mdash; from first concept through final delivery across print, digital, and environmental applications<\/li>\r\n            <li><strong>Built and managed client websites<\/strong> &mdash; design, development, and SEO optimization for clients ranging from single locations to franchise operations<\/li>\r\n            <li><strong>Developed and executed social media strategies<\/strong> &mdash; content creation, scheduling, community management, and performance reporting for multiple clients simultaneously<\/li>\r\n            <li><strong>Wrote and designed email marketing campaigns<\/strong> &mdash; including segmented automations, promotional sequences, and monthly newsletters<\/li>\r\n            <li><strong>Supported advertising creative<\/strong> &mdash; producing assets for Google Ads, Facebook Ads, print publications, and direct mail campaigns<\/li>\r\n          <\/ul>\r\n          <div class=\"exp-tags\">\r\n            <span class=\"exp-tag\">Multi-Client Management<\/span><span class=\"exp-tag\">Brand Identity<\/span>\r\n            <span class=\"exp-tag\">Web Design<\/span><span class=\"exp-tag\">Social Media<\/span>\r\n            <span class=\"exp-tag\">Email Marketing<\/span><span class=\"exp-tag\">Advertising Creative<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"exp-entry reveal\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n    <div class=\"exp-entry-header\">\r\n      <span class=\"exp-entry-num\">06<\/span>\r\n      <div class=\"exp-entry-header-left\">\r\n        <div class=\"exp-years\">2012 &mdash; 2014<\/div>\r\n        <div class=\"exp-role\">Junior Designer &amp; Brand Intern<\/div>\r\n        <div class=\"exp-company\">MANNED Agency \u00b7 Red Stach\u00e9 Media \/ Sony Music<\/div>\r\n      <\/div>\r\n      <div class=\"exp-entry-header-right\">\r\n        <span class=\"exp-expand-hint\">Read More<\/span>\r\n        <div class=\"exp-toggle-icon\" aria-hidden=\"true\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"exp-entry-body\">\r\n      <div class=\"exp-entry-body-inner\">\r\n        <div class=\"exp-entry-body-content\">\r\n          <p class=\"exp-body\">Started in music and entertainment &mdash; the deepest school of cultural brand storytelling. At Red Stach\u00e9 Media, embedded with Sony Music Productions, learned what it means to build a brand around an artist: how identity, image, and narrative combine to create something people genuinely want to be close to.<\/p>\r\n          <ul class=\"exp-highlights\">\r\n            <li><strong>Assisted in brand management for Sony Music artists<\/strong> &mdash; supporting creative direction, visual identity, and campaign execution across multiple labels<\/li>\r\n            <li><strong>Designed promotional materials<\/strong> &mdash; album artwork support, event flyers, social graphics, press kits, and merchandise concepts<\/li>\r\n            <li><strong>Supported music video and photoshoot production<\/strong> &mdash; on-set art direction assistance, mood boarding, and post-production coordination<\/li>\r\n            <li><strong>Contributed to MANNED Agency client work<\/strong> &mdash; graphic design and brand strategy support for entertainment, lifestyle, and artist management clients<\/li>\r\n            <li>Built the foundational belief that the most powerful brands don't sell products &mdash; <strong>they sell identity.<\/strong> Every career decision since has been built on that truth<\/li>\r\n          <\/ul>\r\n          <div class=\"exp-tags\">\r\n            <span class=\"exp-tag\">Music Industry<\/span><span class=\"exp-tag\">Sony Music<\/span>\r\n            <span class=\"exp-tag\">Artist Brand Management<\/span><span class=\"exp-tag\">Promotional Design<\/span>\r\n            <span class=\"exp-tag\">Entertainment<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 INDUSTRIES \u2550\u2550 -->\r\n<section id=\"s-industries\">\r\n  <p class=\"industry-eyebrow\">Industries &amp; Arenas<\/p>\r\n\r\n  <div class=\"industry-row reveal\">\r\n    <span class=\"industry-num\">01<\/span>\r\n    <div class=\"industry-name-wrap\">\r\n      <span class=\"industry-name\">Professional Sports<\/span>\r\n      <span class=\"industry-clients\">Cleveland Browns \u00b7 Dallas Cowboys \u00b7 Miami Dolphins \u00b7 Los Angeles Chargers \u00b7 San Francisco 49ers \u00b7 Cleveland Cavaliers \u00b7 Philadelphia 76ers \u00b7 Chicago Bulls \u00b7 Detroit Pistons \u00b7 Andre Drummond \u00b7 Donovan Mitchell \u00b7 Darius Garland \u00b7 Myles Garrett \u00b7 Alvin Kamara \u00b7 Jalen Ramsey \u00b7 Montana Love \u00b7 Stipe Miocic<\/span>\r\n    <\/div>\r\n    <span class=\"industry-stat\">NFL franchises. NBA organizations. Senior brand strategy at franchise level. The biggest rooms in American sport.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"industry-row reveal\">\r\n    <span class=\"industry-num\">02<\/span>\r\n    <div class=\"industry-name-wrap\">\r\n      <span class=\"industry-name\">Music &amp; Entertainment<\/span>\r\n      <span class=\"industry-clients\">REVOLT TV \u00b7 Sony Music Productions \u00b7 Kid Cudi \u00b7 Don Toliver \u00b7 Kali Uchis \u00b7 Erykah Badu \u00b7 Snoop Dogg \u00b7 Chip the Ripper \u00b7 JR Smith \u00b7 Jake Paul \u00b7 DR31 Sports \u00b7 Dolph Ziggler<\/span>\r\n    <\/div>\r\n    <span class=\"industry-stat\">From Sony back-catalog strategy to REVOLT House event identity. Cultural brand work at the intersection of music, celebrity, and media.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"industry-row reveal\">\r\n    <span class=\"industry-num\">03<\/span>\r\n    <div class=\"industry-name-wrap\">\r\n      <span class=\"industry-name\">Fashion &amp; Lifestyle<\/span>\r\n      <span class=\"industry-clients\">JLUXLABEL \u00b7 Banana Republic \u00b7 Lacoste \u00b7 Soma Intimates \u00b7 Halle Berry \u00b7 Kali Uchis<\/span>\r\n    <\/div>\r\n    <span class=\"industry-stat\">From independent women's fashion to global heritage brands. Every engagement rooted in how a consumer decides she wants something.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"industry-row reveal\">\r\n    <span class=\"industry-num\">04<\/span>\r\n    <div class=\"industry-name-wrap\">\r\n      <span class=\"industry-name\">Celebrity &amp; Culture<\/span>\r\n      <span class=\"industry-clients\">Halle Berry \u00b7 Jake Paul \u00b7 JR Smith \u00b7 Andre Drummond \u00b7 Erykah Badu \u00b7 Snoop Dogg \u00b7 Don Toliver \u00b7 Kid Cudi<\/span>\r\n    <\/div>\r\n    <span class=\"industry-stat\">Campaign design, influencer architecture, and VIP experience management for household names across sports, music, and entertainment.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"industry-row reveal\">\r\n    <span class=\"industry-num\">05<\/span>\r\n    <div class=\"industry-name-wrap\">\r\n      <span class=\"industry-name\">Fine Art<\/span>\r\n      <span class=\"industry-clients\">Pieces of Pisces &mdash; Solo Exhibition, Los Angeles \u00b7 CTRL &mdash; Main Exhibitioner, Suffolk UK \u00b7 SWAN Day Chicago &mdash; Group Exhibition<\/span>\r\n    <\/div>\r\n    <span class=\"industry-stat\">Practicing visual artist as SAINTVI. Three exhibitions across two countries. The emotional foundation that informs every commercial decision.<\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 TESTIMONIALS \u2550\u2550 -->\r\n<section id=\"s-voice\">\r\n  <div class=\"voice-header\">\r\n    <p class=\"section-eyebrow-light\">What They Say<\/p>\r\n    <h2 class=\"voice-hed\">What they say<br><em>when the work is done.<\/em><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"voice-grid\">\r\n\r\n    <div class=\"voice-card reveal\">\r\n      <p class=\"voice-card-text\">Lee changed how we thought about our brand. She came in with a clear creative vision and the strategic intelligence to back it up. The campaigns she built drove real fan engagement growth &mdash; measurable, sustained, and unlike anything we had done before. She doesn't just execute. She leads.<\/p>\r\n      <div class=\"voice-card-name\">Andre Drummond<\/div>\r\n      <div class=\"voice-card-co\">NBA \u00b7 Cleveland Cavaliers \u00b7 Detroit Pistons<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"voice-card reveal\">\r\n      <p class=\"voice-card-text\">Working with Lee on our brand presence and campaign strategy was one of the best creative decisions we made. Her ability to translate what we were building on the court into a brand story that connected with fans was exceptional. She understood our identity immediately and turned it into something people could feel.<\/p>\r\n      <div class=\"voice-card-name\">Donovan Mitchell<\/div>\r\n      <div class=\"voice-card-co\">NBA \u00b7 Cleveland Cavaliers<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"voice-card reveal\">\r\n      <p class=\"voice-card-text\">Lee delivered some of the most impactful brand work in our franchise's history. The 75th Anniversary rebrand she led was recognized across the league. Her creative direction, campaign thinking, and ability to drive measurable digital engagement put her in a category of her own. We were fortunate to have her.<\/p>\r\n      <div class=\"voice-card-name\">Cleveland Browns Organization<\/div>\r\n      <div class=\"voice-card-co\">NFL \u00b7 Cleveland, Ohio<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"voice-card reveal\">\r\n      <p class=\"voice-card-text\">What Lee brings to artist brand development is rare. She understands music culture, she understands storytelling, and she understands how to make an artist's identity land visually and commercially. Her work is informed, precise, and always elevated. She doesn't produce content &mdash; she builds legacies.<\/p>\r\n      <div class=\"voice-card-name\">Red Stach\u00e9 Media<\/div>\r\n      <div class=\"voice-card-co\">Sony Music Productions<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 CRAFT \u2550\u2550 -->\r\n<section id=\"s-craft\">\r\n  <div class=\"craft-grid\">\r\n\r\n    <div>\r\n      <p class=\"craft-col-hed\">Core Competencies<\/p>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Brand Strategy &amp; Identity<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"98\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Creative &amp; Art Direction<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"98\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Integrated Campaign Architecture<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"96\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Influencer &amp; Cultural Marketing<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"95\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Executive Presentations &amp; Pitch<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"97\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Multi-Platform Campaign Management<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"95\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Consumer Psychology &amp; Conversion<\/span><span class=\"skill-pct\">Advanced<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"92\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Graphic Design &amp; Illustration<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"96\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Brand Partnership Strategy<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"94\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Content Strategy &amp; Systems<\/span><span class=\"skill-pct\">Expert<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"93\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"skill-item reveal\">\r\n        <div class=\"skill-top\"><span class=\"skill-name\">Web Design &amp; UI\/UX<\/span><span class=\"skill-pct\">Advanced<\/span><\/div>\r\n        <div class=\"skill-track\"><div class=\"skill-fill\" data-w=\"88\"><\/div><\/div>\r\n      <\/div>\r\n\r\n      <div style=\"margin-top:3.5rem;\">\r\n        <p class=\"craft-col-hed\">Education<\/p>\r\n        <ul class=\"edu-list\">\r\n          <li class=\"edu-item\">\r\n            <div class=\"edu-year\">In Progress<\/div>\r\n            <div class=\"edu-degree\">Doctor of Art Philosophy<\/div>\r\n            <div class=\"edu-school\">University of London<\/div>\r\n          <\/li>\r\n          <li class=\"edu-item\">\r\n            <div class=\"edu-year\">2017<\/div>\r\n            <div class=\"edu-degree\">M.S. Marketing<\/div>\r\n            <div class=\"edu-school\">Walden University<\/div>\r\n          <\/li>\r\n          <li class=\"edu-item\">\r\n            <div class=\"edu-year\">2013<\/div>\r\n            <div class=\"edu-degree\">B.S. Visual Communication<\/div>\r\n            <div class=\"edu-school\">Ball State University<\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"craft-tools-block\">\r\n      <p class=\"craft-col-hed\">Tools, Platforms &amp; Disciplines<\/p>\r\n\r\n      <div class=\"craft-tag-group\">\r\n        <div class=\"craft-tag-group-label\">Design &amp; Creative<\/div>\r\n        <div class=\"craft-tags\">\r\n          <span class=\"craft-tag\">Adobe Photoshop<\/span>\r\n          <span class=\"craft-tag\">Adobe Illustrator<\/span>\r\n          <span class=\"craft-tag\">Adobe InDesign<\/span>\r\n          <span class=\"craft-tag\">Adobe Premiere Pro<\/span>\r\n          <span class=\"craft-tag\">Adobe XD<\/span>\r\n          <span class=\"craft-tag\">Figma<\/span>\r\n          <span class=\"craft-tag\">Procreate<\/span>\r\n          <span class=\"craft-tag\">Canva<\/span>\r\n          <span class=\"craft-tag\">Illustration<\/span>\r\n          <span class=\"craft-tag\">Video Editing<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"craft-tag-group\">\r\n        <div class=\"craft-tag-group-label\">Web &amp; Digital<\/div>\r\n        <div class=\"craft-tags\">\r\n          <span class=\"craft-tag\">HTML \/ CSS<\/span>\r\n          <span class=\"craft-tag\">WordPress<\/span>\r\n          <span class=\"craft-tag\">Squarespace<\/span>\r\n          <span class=\"craft-tag\">Google Analytics<\/span>\r\n          <span class=\"craft-tag\">Meta Ads Manager<\/span>\r\n          <span class=\"craft-tag\">SEO Optimization<\/span>\r\n          <span class=\"craft-tag\">MailChimp<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"craft-tag-group\">\r\n        <div class=\"craft-tag-group-label\">Strategy &amp; Marketing<\/div>\r\n        <div class=\"craft-tags\">\r\n          <span class=\"craft-tag\">Campaign Management<\/span>\r\n          <span class=\"craft-tag\">Email Marketing<\/span>\r\n          <span class=\"craft-tag\">Social Media Strategy<\/span>\r\n          <span class=\"craft-tag\">Public Relations<\/span>\r\n          <span class=\"craft-tag\">Copywriting<\/span>\r\n          <span class=\"craft-tag\">Analytics &amp; Reporting<\/span>\r\n          <span class=\"craft-tag\">Event Planning<\/span>\r\n          <span class=\"craft-tag\">Storytelling<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"craft-tag-group\">\r\n        <div class=\"craft-tag-group-label\">Leadership &amp; Operations<\/div>\r\n        <div class=\"craft-tags\">\r\n          <span class=\"craft-tag\">Team Leadership<\/span>\r\n          <span class=\"craft-tag\">Client Relations<\/span>\r\n          <span class=\"craft-tag\">Business Development<\/span>\r\n          <span class=\"craft-tag\">Fine Art (SAINTVI)<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 CONTACT \u2550\u2550 -->\r\n<section id=\"s-contact\">\r\n  <div class=\"contact-bg-text\">LJ<\/div>\r\n\r\n  <p class=\"contact-eyebrow\">Let's Talk<\/p>\r\n  <h2 class=\"contact-hed\">\r\n    The right<br>person is<br><em>already here.<\/em>\r\n  <\/h2>\r\n\r\n  <div class=\"contact-links\">\r\n    <a class=\"contact-link\" href=\"mailto:hi@saintvi.com\">\r\n      <div>\r\n        <span class=\"contact-link-label\">Email<\/span>\r\n        <span class=\"contact-link-value\">hi@saintvi.com<\/span>\r\n      <\/div>\r\n      <span class=\"contact-link-arrow\">\u2192<\/span>\r\n    <\/a>\r\n    <a class=\"contact-link\" href=\"tel:+12168541971\">\r\n      <div>\r\n        <span class=\"contact-link-label\">Phone<\/span>\r\n        <span class=\"contact-link-value\">+1 216 854-1971<\/span>\r\n      <\/div>\r\n      <span class=\"contact-link-arrow\">\u2192<\/span>\r\n    <\/a>\r\n    <a class=\"contact-link\" href=\"https:\/\/www.saintvi.com\" target=\"_blank\">\r\n      <div>\r\n        <span class=\"contact-link-label\">Personal Portfolio<\/span>\r\n        <span class=\"contact-link-value\">saintvi.com<\/span>\r\n      <\/div>\r\n      <span class=\"contact-link-arrow\">\u2192<\/span>\r\n    <\/a>\r\n    <a class=\"contact-link\" href=\"https:\/\/www.unmatte.com\" target=\"_blank\">\r\n      <div>\r\n        <span class=\"contact-link-label\">Agency<\/span>\r\n        <span class=\"contact-link-value\">unmatte.com<\/span>\r\n      <\/div>\r\n      <span class=\"contact-link-arrow\">\u2192<\/span>\r\n    <\/a>\r\n    <a class=\"contact-link\" href=\"https:\/\/www.instagram.com\/lesaintvi\" target=\"_blank\">\r\n      <div>\r\n        <span class=\"contact-link-label\">Instagram<\/span>\r\n        <span class=\"contact-link-value\">@lesaintvi<\/span>\r\n      <\/div>\r\n      <span class=\"contact-link-arrow\">\u2192<\/span>\r\n    <\/a>\r\n    <a class=\"contact-link\" href=\"https:\/\/www.linkedin.com\/in\/leannevi\" target=\"_blank\">\r\n      <div>\r\n        <span class=\"contact-link-label\">LinkedIn<\/span>\r\n        <span class=\"contact-link-value\">linkedin.com\/in\/leannevi<\/span>\r\n      <\/div>\r\n      <span class=\"contact-link-arrow\">\u2192<\/span>\r\n    <\/a>\r\n      <div>\r\n        <span class=\"contact-link-label\">Salary Requirements<\/span>\r\n        <span class=\"contact-link-value\">$125,000<\/span>\r\n      <\/div>\r\n      <span class=\"contact-link-arrow\">MIN<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n  <span class=\"footer-name\">Lavinia Leanne Jones &mdash; Lee<\/span>\r\n  <span class=\"footer-copy\">Los Angeles \u00b7 hi@saintvi.com \u00b7 saintvi.com \u00b7 unmatte.com<\/span>\r\n<\/footer>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SCRIPTS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n\/\/ \u2500\u2500 Custom cursor (desktop only)\r\nconst cursor = document.getElementById('cursor');\r\nconst ring   = document.getElementById('cursor-ring');\r\nlet mx = 0, my = 0, rx = 0, ry = 0;\r\nconst isMobile = window.matchMedia('(max-width: 768px)').matches;\r\n\r\nif (!isMobile && cursor && ring) {\r\n  document.addEventListener('mousemove', e => {\r\n    mx = e.clientX; my = e.clientY;\r\n    cursor.style.left = mx + 'px';\r\n    cursor.style.top  = my + 'px';\r\n  });\r\n  function animateRing() {\r\n    rx += (mx - rx) * 0.12;\r\n    ry += (my - ry) * 0.12;\r\n    ring.style.left = rx + 'px';\r\n    ring.style.top  = ry + 'px';\r\n    requestAnimationFrame(animateRing);\r\n  }\r\n  animateRing();\r\n}\r\n\r\n\/\/ \u2500\u2500 Nav: scrolled state + active section highlight\r\nconst nav = document.getElementById('main-nav');\r\nconst sections = document.querySelectorAll('section[id]');\r\nconst navAs = document.querySelectorAll('.nav-index a');\r\n\r\nwindow.addEventListener('scroll', () => {\r\n  if (nav) {\r\n    if (window.scrollY > 60) nav.classList.add('scrolled');\r\n    else nav.classList.remove('scrolled');\r\n  }\r\n\r\n  \/\/ progress bar\r\n  const pb = document.getElementById('progress-bar');\r\n  if (pb) {\r\n    const total = document.body.scrollHeight - window.innerHeight;\r\n    pb.style.width = (window.scrollY \/ total * 100) + '%';\r\n  }\r\n\r\n  \/\/ active nav\r\n  let cur = '';\r\n  sections.forEach(s => { if (window.scrollY >= s.offsetTop - 120) cur = s.id; });\r\n  navAs.forEach(a => {\r\n    a.classList.toggle('active', a.getAttribute('href') === '#' + cur);\r\n  });\r\n}, { passive: true });\r\n\r\n\/\/ \u2500\u2500 Mobile burger menu\r\nconst burger = document.getElementById('nav-burger');\r\nconst mobileMenu = document.getElementById('nav-mobile');\r\n\r\nif (burger && mobileMenu) {\r\n  burger.addEventListener('click', () => {\r\n    const isOpen = mobileMenu.classList.toggle('open');\r\n    burger.classList.toggle('open', isOpen);\r\n    document.body.style.overflow = isOpen ? 'hidden' : '';\r\n  });\r\n\r\n  document.querySelectorAll('.mob-link').forEach(link => {\r\n    link.addEventListener('click', () => {\r\n      mobileMenu.classList.remove('open');\r\n      burger.classList.remove('open');\r\n      document.body.style.overflow = '';\r\n    });\r\n  });\r\n}\r\n\r\n\/\/ \u2500\u2500 Scroll reveal\r\nconst revealObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });\r\n}, { threshold: 0.06, rootMargin: '0px 0px -30px 0px' });\r\ndocument.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));\r\n\r\n\/\/ \u2500\u2500 Skill bars animate when section visible\r\nconst skillObs = new IntersectionObserver(entries => {\r\n  entries.forEach(e => {\r\n    if (e.isIntersecting) {\r\n      e.target.querySelectorAll('.skill-fill').forEach(bar => {\r\n        setTimeout(() => { bar.style.width = bar.dataset.w + '%'; }, 300);\r\n      });\r\n      skillObs.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.15 });\r\nconst craftSec = document.getElementById('s-craft');\r\nif (craftSec) skillObs.observe(craftSec);\r\n\r\n\/\/ Opening headline entrance removed (element merged into origin cover)\r\n\r\n\/\/ \u2500\u2500 Experience accordion\r\ndocument.querySelectorAll('.exp-entry').forEach(entry => {\r\n  function toggle() {\r\n    const isOpen = entry.classList.contains('open');\r\n    \/\/ Close all others\r\n    document.querySelectorAll('.exp-entry.open').forEach(e => {\r\n      e.classList.remove('open');\r\n      e.setAttribute('aria-expanded', 'false');\r\n      e.querySelector('.exp-expand-hint').textContent = 'Read More';\r\n    });\r\n    if (!isOpen) {\r\n      entry.classList.add('open');\r\n      entry.setAttribute('aria-expanded', 'true');\r\n      entry.querySelector('.exp-expand-hint').textContent = 'Close';\r\n      \/\/ Scroll header into view smoothly after a brief delay\r\n      setTimeout(() => {\r\n        const top = entry.getBoundingClientRect().top + window.scrollY - 100;\r\n        window.scrollTo({ top, behavior: 'smooth' });\r\n      }, 80);\r\n    }\r\n  }\r\n  entry.addEventListener('click', toggle);\r\n  entry.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); } });\r\n});\r\n\r\n\/\/ \u2500\u2500 Lightbox\r\nlet lbItems = [];\r\nlet lbIndex = 0;\r\n\r\nfunction openLightbox(items, idx) {\r\n  lbItems = items.filter(t => t.dataset.src && t.dataset.src.trim() !== '');\r\n  if (lbItems.length === 0) return;\r\n  lbIndex = Math.min(idx, lbItems.length - 1);\r\n  showLbItem(lbIndex);\r\n  const lb4 = document.getElementById('lightbox');\r\n  if (lb4) lb4.classList.add('open');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction showLbItem(i) {\r\n  const thumb = lbItems[i];\r\n  const src = thumb.dataset.src;\r\n  const cap = thumb.dataset.caption || '';\r\n  const isVideo = src.match(\/\\.(mp4|webm|mov|ogg)(\\?.*)?$\/i);\r\n  const img = document.getElementById('lightbox-media');\r\n  const vid = document.getElementById('lightbox-video');\r\n  const cap_el = document.getElementById('lightbox-caption');\r\n  const prev_el = document.getElementById('lightbox-prev');\r\n  const next_el = document.getElementById('lightbox-next');\r\n\r\n  if (img && vid) {\r\n    if (isVideo) {\r\n      img.style.display = 'none';\r\n      vid.style.display = 'block';\r\n      vid.src = src;\r\n      vid.play().catch(() => {});\r\n    } else {\r\n      vid.style.display = 'none';\r\n      vid.pause();\r\n      vid.src = '';\r\n      img.style.display = 'block';\r\n      img.src = src;\r\n    }\r\n  }\r\n  if (cap_el) cap_el.textContent = cap;\r\n  if (prev_el) prev_el.style.opacity = lbItems.length > 1 ? '1' : '0';\r\n  if (next_el) next_el.style.opacity = lbItems.length > 1 ? '1' : '0';\r\n}\r\n\r\nfunction closeLightbox() {\r\n  const lb3 = document.getElementById('lightbox');\r\n  if (lb3) lb3.classList.remove('open');\r\n  document.body.style.overflow = '';\r\n  const vid = document.getElementById('lightbox-video');\r\n  if (vid) { vid.pause(); vid.src = ''; }\r\n}\r\n\r\nconst lb = document.getElementById('lightbox');\r\nconst lbClose = document.getElementById('lightbox-close');\r\nconst lbPrev  = document.getElementById('lightbox-prev');\r\nconst lbNext  = document.getElementById('lightbox-next');\r\n\r\nif (lb) {\r\n  lb.addEventListener('click', e => { if (e.target.id === 'lightbox') closeLightbox(); });\r\n}\r\nif (lbClose) lbClose.addEventListener('click', closeLightbox);\r\nif (lbPrev) {\r\n  lbPrev.addEventListener('click', e => {\r\n    e.stopPropagation();\r\n    lbIndex = (lbIndex - 1 + lbItems.length) % lbItems.length;\r\n    showLbItem(lbIndex);\r\n  });\r\n}\r\nif (lbNext) {\r\n  lbNext.addEventListener('click', e => {\r\n    e.stopPropagation();\r\n    lbIndex = (lbIndex + 1) % lbItems.length;\r\n    showLbItem(lbIndex);\r\n  });\r\n}\r\n\r\ndocument.addEventListener('keydown', e => {\r\n  const lb2 = document.getElementById('lightbox');\r\n  if (!lb2 || !lb2.classList.contains('open')) return;\r\n  if (e.key === 'Escape') closeLightbox();\r\n  if (e.key === 'ArrowLeft')  { lbIndex = (lbIndex - 1 + lbItems.length) % lbItems.length; showLbItem(lbIndex); }\r\n  if (e.key === 'ArrowRight') { lbIndex = (lbIndex + 1) % lbItems.length; showLbItem(lbIndex); }\r\n});\r\n\r\n\/\/ Attach gallery thumb clicks\r\ndocument.querySelectorAll('.work-gallery').forEach(gallery => {\r\n  const thumbs = Array.from(gallery.querySelectorAll('.gallery-thumb'));\r\n  thumbs.forEach((thumb, i) => {\r\n    thumb.addEventListener('click', () => {\r\n      if (!thumb.dataset.src || thumb.dataset.src.trim() === '') return;\r\n      openLightbox(thumbs, i);\r\n    });\r\n  });\r\n});\r\n\r\n\/\/ Allow drag-and-drop image loading into placeholders\r\ndocument.querySelectorAll('.gallery-thumb').forEach(thumb => {\r\n  thumb.addEventListener('dragover', e => { e.preventDefault(); thumb.style.borderColor = 'var(--accent)'; });\r\n  thumb.addEventListener('dragleave', () => { thumb.style.borderColor = ''; });\r\n  thumb.addEventListener('drop', e => {\r\n    e.preventDefault();\r\n    thumb.style.borderColor = '';\r\n    const file = e.dataTransfer.files[0];\r\n    if (!file) return;\r\n    const url = URL.createObjectURL(file);\r\n    thumb.dataset.src = url;\r\n    thumb.innerHTML = '';\r\n    if (file.type.startsWith('video\/')) {\r\n      const v = document.createElement('video');\r\n      v.src = url; v.muted = true; v.autoplay = true; v.loop = true; v.playsInline = true;\r\n      thumb.appendChild(v);\r\n    } else {\r\n      const img = document.createElement('img');\r\n      img.src = url;\r\n      thumb.appendChild(img);\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Meet Lee Jones Your next investment. Experience Industries Praise Craft Connect Experience Industries Praise Craft Connect Origin Story Made in England.Built in America. Born Ipswich, Suffolk, UK Raised United States Based Los Angeles, CA Ipswich, Suffolk. A proper English upbringing &mdash; the kind that gives you a refined eye, a comfort with sophistication, and a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/career.saintvi.com\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career.saintvi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/career.saintvi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/career.saintvi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/career.saintvi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":22,"href":"https:\/\/career.saintvi.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/career.saintvi.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/career.saintvi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}