{"id":12,"date":"2025-11-07T00:08:47","date_gmt":"2025-11-07T00:08:47","guid":{"rendered":"https:\/\/jonuska.a123.agency\/?page_id=12"},"modified":"2025-11-07T14:40:24","modified_gmt":"2025-11-07T14:40:24","slug":"home","status":"publish","type":"page","link":"https:\/\/jonuska.a123.agency\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* ==========================================================================\n   ROOT VARIABLES\n   ========================================================================== *\/\n:root {\n  --space-xs: 0.5rem;\n  --space-sm: 1rem;\n  --space-md: 2rem;\n  --space-lg: 4rem;\n  --space-xl: 8rem;\n  --text-h1: 6rem;\n  --text-p: 1.5rem;\n  --text-cta: 0.85rem;\n  --text-body: 1.1rem;\n  --text-caption: 0.95rem;\n  --text-width: 600px;\n  --max-width: 1200px;\n  --color-black: #000;\n  --color-white: #fff;\n  --color-gray: #555;\n  --color-light-gray: #f5f5f5;\n  --transition: 0.3s ease;\n  --zoom-duration: 30s;\n}\n\n\/* ==========================================================================\n   BASE RESET\n   ========================================================================== *\/\n*,\n*::before,\n*::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 18px;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n  background: var(--color-white);\n  color: var(--color-black);\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\/* ==========================================================================\n   GRAIN OVERLAY \u2013 svoba.lt effect\n   ========================================================================== *\/\nbody::after {\n  content: \"\";\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNyIgbnVtT2N0YXZlcz0iNCIgc3RpdGNoVGlsZXM9InN0aXRjaCI+PC9mZVR1cmJ1bGVuY2U+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCI+PC9mZUNvbG9yTWF0cml4PjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNub2lzZSkiIG9wYWNpdHk9IjAuMDQiPjwvcmVjdD48L3N2Zz4=');\n  opacity: 0.04;\n  pointer-events: none;\n  z-index: 9999;\n}\n\n\/* ==========================================================================\n   HERO SECTION \u2013 FULLSCREEN VIDEO\n   ========================================================================== *\/\n.hero {\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  overflow: hidden;\n  background: var(--color-black);\n}\n\n.hero-video-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.hero-video,\n.hero-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  object-fit: cover;\n  opacity: 0.15;\n  filter: brightness(0.7) contrast(1.2);\n}\n\n\/* Zoom animation *\/\n@keyframes zoom {\n  0% { transform: scale(1.1); }\n  100% { transform: scale(1.15); }\n}\n\n.hero-video,\n.hero-image {\n  animation: zoom var(--zoom-duration) infinite alternate ease-in-out;\n}\n\n.hero-content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 2;\n  text-align: center;\n  max-width: var(--text-width);\n  width: 90%;\n  padding: 0 var(--space-lg);\n}\n\n.hero h1 {\n  font-size: var(--text-h1);\n  font-weight: 700;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  margin-bottom: var(--space-md);\n  color: var(--color-white);\n}\n\n.hero p {\n  font-size: var(--text-p);\n  line-height: 1.4;\n  margin-bottom: var(--space-lg);\n  color: var(--color-white);\n  opacity: 0.7;\n  font-weight: 400;\n}\n\n\/* CTA Links *\/\n.hero-cta {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: var(--space-md);\n}\n\n.hero a {\n  font-size: var(--text-cta);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--color-white);\n  text-decoration: none;\n  border-bottom: 2px solid var(--color-white);\n  padding-bottom: 2px;\n  opacity: 0.8;\n  transition: opacity var(--transition);\n}\n\n.hero a:hover {\n  opacity: 1;\n}\n\n\/* ==========================================================================\n   ABOUT SECTION\n   ========================================================================== *\/\n.about {\n  padding: var(--space-xl) var(--space-lg);\n  max-width: var(--max-width);\n  margin: 0 auto;\n}\n\n.about-grid {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  gap: var(--space-xl);\n  align-items: start;\n}\n\n.about-text p {\n  font-size: var(--text-body);\n  line-height: 1.6;\n  margin-bottom: var(--space-md);\n}\n\n.about-images {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--space-sm);\n}\n\n.about-images img {\n  width: 100%;\n  height: auto;\n  filter: grayscale(100%) contrast(1.2);\n  display: block;\n}\n\n.about-images img:last-child {\n  grid-column: span 2;\n}\n\n\/* ==========================================================================\n   WORK SECTION\n   ========================================================================== *\/\n.work {\n  padding: var(--space-xl) var(--space-lg);\n}\n\n.work h2 {\n  text-align: center;\n  font-size: 2.5rem;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  margin-bottom: var(--space-lg);\n}\n\n.work-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\n  gap: var(--space-lg);\n  max-width: var(--max-width);\n  margin: 0 auto;\n}\n\n.work-item {\n  margin-bottom: var(--space-md);\n}\n\n.work-item img {\n  width: 100%;\n  height: auto;\n  filter: grayscale(100%);\n  margin-bottom: var(--space-md);\n  display: block;\n}\n\n.work-item h3 {\n  font-size: 1.5rem;\n  font-weight: 600;\n  margin-bottom: var(--space-xs);\n}\n\n.work-item p {\n  font-size: var(--text-caption);\n  color: var(--color-gray);\n  line-height: 1.5;\n}\n\n\/* ==========================================================================\n   CONTACT SECTION\n   ========================================================================== *\/\n.contact {\n  padding: var(--space-lg) var(--space-lg);\n  text-align: center;\n  background: var(--color-light-gray);\n}\n\n.contact h2 {\n  font-size: 2rem;\n  font-weight: 700;\n  margin-bottom: var(--space-md);\n}\n\n.contact a {\n  font-size: var(--text-body);\n  color: var(--color-black);\n  text-decoration: none;\n  border-bottom: 2px solid var(--color-black);\n  font-weight: 600;\n  transition: border-color var(--transition);\n}\n\n.contact a:hover {\n  border-color: transparent;\n}\n\n\/* ==========================================================================\n   RESPONSIVE\n   ========================================================================== *\/\n@media (max-width: 1024px) {\n  :root {\n    --text-h1: 5rem;\n    --space-xl: 6rem;\n  }\n}\n\n@media (max-width: 768px) {\n  :root {\n    --text-h1: 2.5rem;\n    --text-p: 1.25rem;\n    --text-cta: 0.75rem;\n    --space-lg: 2rem;\n    --space-xl: 4rem;\n    --text-width: 90vw;\n  }\n\n  .hero-content {\n    padding: 0 var(--space-sm);\n  }\n\n  .hero-cta {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .about-grid {\n    grid-template-columns: 1fr;\n    gap: var(--space-lg);\n  }\n\n  .work-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<!-- HERO SECTION -->\n<div class=\"hero\">\n  <div class=\"hero-video-wrapper\">\n    <video class=\"hero-video\" autoplay muted loop playsinline>\n      <source src=\"https:\/\/jonuska.a123.agency\/wp-content\/uploads\/2025\/11\/hero-background.mp4\" type=\"video\/mp4\">\n      <!-- Fallback image -->\n      <img decoding=\"async\" class=\"hero-image\" src=\"https:\/\/jonuska.a123.agency\/wp-content\/uploads\/2025\/11\/2D9D0332-475C-4C96-8279-13B016A92966.jpg\" alt=\"Background\">\n    <\/video>\n  <\/div>\n  \n  <div class=\"hero-content\">\n    <h1>I solve business problems through design that sells.<\/h1>\n    <p>Mindaugas Jonuska \u2013 design-led problem solver, agency founder.<\/p>\n    <div class=\"hero-cta\">\n      <a href=\"#work\">See my work<\/a>\n      <a href=\"https:\/\/linkedin.com\/mindaugasjonuska\" target=\"_blank\">LinkedIn<\/a>\n      <a href=\"mailto:mindaugas@jonuska.lt\">Get in touch<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ABOUT SECTION -->\n<div class=\"about\">\n  <div class=\"about-grid\">\n    <div class=\"about-text\">\n      <p>I&#8217;m not a designer. I&#8217;m not a marketer. I&#8217;m a problem solver who uses both.<\/p>\n      <p>15+ years of building brands that work \u2013 not just look good.<\/p>\n      <p>Founder of <a href=\"https:\/\/a123.agency\">A123.agency<\/a>.<\/p>\n      <p>When I&#8217;m not solving problems, I&#8217;m sailing.<\/p>\n    <\/div>\n    <div class=\"about-images\">\n      <img decoding=\"async\" src=\"https:\/\/jonuska.a123.agency\/wp-content\/uploads\/2025\/11\/4B422674-6C67-4D6C-9344-23E384EA7BAB.jpg\" alt=\"Helm\">\n      <img decoding=\"async\" src=\"https:\/\/jonuska.a123.agency\/wp-content\/uploads\/2025\/11\/0118A97F-74A0-42C3-B803-B9F9B3D8378B.jpg\" alt=\"KMR\">\n      <img decoding=\"async\" src=\"https:\/\/jonuska.a123.agency\/wp-content\/uploads\/2025\/11\/2FB92C83-3E1B-40FC-8FD4-91B77F2B0497.jpg\" alt=\"Logo\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- WORK SECTION -->\n<div class=\"work\">\n  <h2>Selected Work<\/h2>\n  <div class=\"work-grid\">\n    <div class=\"work-item\">\n      <img decoding=\"async\" src=\"https:\/\/jonuska.a123.agency\/wp-content\/uploads\/2025\/11\/6C74B829-31ED-4F8E-B943-5C961E1C3D4B.jpg\" alt=\"Project 1\">\n      <h3>Banko app UI<\/h3>\n      <p>Problem: 38% drop-off<br>Solution: 3-step flow<br>Result: +26% conversion<\/p>\n    <\/div>\n    <div class=\"work-item\">\n      <img decoding=\"async\" src=\"https:\/\/jonuska.a123.agency\/wp-content\/uploads\/2025\/11\/210F3622-1BE4-4D2D-A5A3-AAB33B8E268A.jpg\" alt=\"Project 2\">\n      <h3>Brand Identity<\/h3>\n      <p>Problem: No stand out<br>Solution: B&#038;W system<br>Result: 3x coverage<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- CONTACT SECTION -->\n<div class=\"contact\">\n  <h2>Let&#8217;s talk<\/h2>\n  <p><a href=\"mailto:mindaugas@jonuska.lt\">mindaugas@jonuska.lt<\/a><\/p>\n  <p><a href=\"https:\/\/linkedin.com\/mindaugasjonuska\">LinkedIn<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I solve business problems through design that sells. Mindaugas Jonuska \u2013 design-led problem solver, agency founder. See my work LinkedIn Get in touch I&#8217;m not a designer. I&#8217;m not a marketer. I&#8217;m a problem solver who uses both. 15+ years of building brands that work \u2013 not just look good. Founder of A123.agency. When I&#8217;m [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":6,"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/jonuska.a123.agency\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}