← All Posts

·3 min read

Brands on a Mission: Why We Love Working with Grind with Gratitude


, and uniform.css sizes any
         main h1 at the page-title scale (.definitive-interior main h1), so
         one landed mid-read at 60px. The cap carries the page class to out-
         specify that rule, and covers the whole family at reading scale. */
      .blog-page .blg-wrap .blg-body h1, .blog-page .blg-wrap .blg-body h2,
      .blog-page .blg-wrap .blg-body h3, .blog-page .blg-wrap .blg-body h4 { margin: 2rem 0 0.75rem; font-family: "Playfair Display", Georgia, serif; font-weight: 400; line-height: 1.3; color: rgb(244 241 235 / 0.95); text-transform: none; letter-spacing: normal; max-width: none; }
      .blog-page .blg-wrap .blg-body h1, .blog-page .blg-wrap .blg-body h2 { font-size: clamp(1.15rem, 1rem + 0.8vw, 1.45rem); }
      .blog-page .blg-wrap .blg-body h3 { font-size: clamp(1.05rem, 0.95rem + 0.55vw, 1.3rem); }
      .blog-page .blg-wrap .blg-body h4 { font-size: clamp(1rem, 0.95rem + 0.3vw, 1.12rem); }
      /* A photo run is not a paragraph - it breaks out past the reading
         measure to ONE width token and packs like the photography archive.
         CSS columns balanced the run into three ragged stacks: a column ran
         long and dangled a photograph below the others, a wide frame overran
         the square its neighbours implied, and a hole opened where the last
         short column stopped. The rows are JUSTIFIED instead - solved at
         build time in galleryize.py, shipped as explicit flex rows.
         A cell's --a is its native aspect. flex-grow:var(--a) over a zero
         basis hands each photo in a row the width a_i x h out of the row's
         free space, so every photo in the row stands at the same height h
         and the last one lands exactly on the right edge - flush left AND
         right, nothing cropped, no measurement on the page. */
      .blg-body { --blg-wide: min(68rem, 92vw); --blg-gap: 0.62rem; }
      .blg-gallery { width: var(--blg-wide); margin: 2rem 0 2.2rem; margin-inline: calc(50% - var(--blg-wide) / 2); display: flex; flex-direction: column; gap: var(--blg-gap); }
      .blg-row { display: flex; column-gap: var(--blg-gap); width: var(--rw, 100%); margin-inline: auto; }
      .blg-nb { display: none; }
      .blg-gallery .blg-cell { flex-grow: var(--a, 1); flex-shrink: 1; flex-basis: 0; min-width: 0; aspect-ratio: var(--a, 1.5); margin: 0; padding: 0; overflow: hidden; border-radius: 0.3rem; background: #0b0d12; cursor: pointer; opacity: 0; transform: translateY(18px); transition: opacity 620ms cubic-bezier(0.22, 0.61, 0.21, 1), transform 740ms cubic-bezier(0.22, 0.61, 0.21, 1); }
      .blg-gallery .blg-cell.is-in { opacity: 1; transform: none; }
      .blg-gallery .blg-cell img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; opacity: 0.86; transition: transform 760ms cubic-bezier(0.22, 0.61, 0.21, 1), opacity 420ms ease; }
      .blg-gallery .blg-cell:hover img, .blg-gallery .blg-cell:focus-visible img { opacity: 1; transform: scale(1.02); }
      .blg-gallery .blg-cell:focus-visible { outline: 1px solid var(--kls-accent, #fb5607); outline-offset: 2px; }
      /* the run measures itself against the article COLUMN, so the index
         rail simply narrows it - no second width rule for the railed page */
      @supports (container-type: inline-size) {
        .blg-wrap { container-type: inline-size; }
        .blg-body { --blg-wide: min(68rem, 100cqw); }
      }
      /* The phone keeps the grid - 2-up rows out of the same packer at a
         smaller row height, never one full-screen photograph per screen.
         The desktop rows dissolve (display:contents) and the build-time
         narrow breaks drive the lines instead, so one set of photographs
         serves both plans. */
      @media (max-width: 760px) {
        .blg-body { --blg-gap: 0.5rem; }
        .blg-gallery { flex-direction: row; flex-wrap: wrap; column-gap: var(--blg-gap); row-gap: 0; margin-bottom: 1.8rem; }
        .blg-row { display: contents; }
        .blg-nb { display: block; flex: 0 0 100%; height: var(--blg-gap); }
      }
      @media (prefers-reduced-motion: reduce) { .blg-gallery .blg-cell { opacity: 1; transform: none; transition: none; } }
      /* A short line stranded between two photo runs read as a fragment
         someone forgot to delete. It is the author's own beat - so it is set
         as one: centred, given air on both sides, a step up in scale. The
         builder finds it; not a word of it is moved or rewritten. */
      .blg-body .blg-beat { margin: clamp(2.4rem, 5.5vh, 3.6rem) auto; max-width: 34rem; text-align: center; }
      .blg-body .blg-beat p, .blg-body .blg-beat div { margin-left: auto; margin-right: auto; }
      /* Squarespace put white-space:pre-wrap INLINE on these paragraphs, so
         the source indent after each  printed as a real leading space
         and every line after the first sat 3px right of centre. pre-line
         keeps the author's line breaks and drops the indentation; it has to
         out-rank an inline style, hence the !important, and it is scoped to
         the beat alone. No character of the copy changes. */
      .blg-body .blg-beat p { margin-top: 0; margin-bottom: 0.4rem; white-space: pre-line !important; font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.2rem, 1rem + 1vw, 1.65rem); line-height: 1.4; color: rgb(244 241 235 / 0.94); }
      .blg-body .blg-beat p:last-child { margin-bottom: 0; }
      /* end blg-gallery */

  
  
    Skip to content
    
    
    
      
      
        
          ← All Posts
          Nov 28, 2024·3 min read
          Brands on a Mission: Why We Love Working with Grind with Gratitude

At Kyle Loftus Studios, we believe in the power of storytelling to create change. For us, it’s not just about creating stunning visuals or crafting compelling campaigns—it’s about partnering with brands that are on a mission to make a real impact in the world. That’s why we’re thrilled to team up with Grind with Gratitude, a brand that embodies the spirit of hustle, heart, and giving back.

Grind with Gratitude isn’t just making great products; they’re making a difference. Their mission to empower entrepreneurs by giving away $2,000 to help dreamers turn their visions into reality is nothing short of inspiring. It’s not every day you come across a brand that’s as committed to uplifting others as they are to building their own success, and we couldn’t be more excited to help tell their story.

A Shared Vision of Change

At the heart of our collaboration is a shared belief: success is best when shared. Grind with Gratitude recognizes the struggles of entrepreneurs—the late nights, the endless sacrifices, and the unwavering belief in something bigger than themselves. They don’t just acknowledge these challenges; they actively support the people facing them.

When we learned about their initiative to support entrepreneurs with cash grants, we knew this was a partnership we wanted to be part of. These aren’t just business owners—they’re dreamers, change-makers, and community-builders. Helping to bring that story to life through our video and photo production is a mission we take seriously (and with a lot of excitement!).

Why We’re Passionate About This Partnership

Working with a brand like Grind with Gratitude is more than just another project; it’s a privilege. Here’s why we’re so passionate about this collaboration:

  1. They Give Back
    In a world often focused on profits, Grind with Gratitude leads with purpose. Their $2,000 grant program is proof that they’re committed to investing in people and their dreams.

  2. They Empower Hustlers
    Entrepreneurs are the backbone of innovation and progress. Grind with Gratitude’s mission to support them aligns perfectly with our passion for telling stories that inspire and uplift.

  3. They Inspire Positive Change
    The ripple effect of supporting one entrepreneur goes beyond one person—it impacts families, communities, and even industries. That’s the kind of long-term change we love to celebrate.

Our Role in the Mission

At Kyle Loftus Studios, our job isn’t just to make things look good (although, spoiler alert, we’re really good at that). Our role is to help amplify the Grind with Gratitude mission through powerful, story-driven content that connects with their audience and inspires action.

From high-quality visuals to impactful storytelling, we’re working to create content that:

  • Captures the essence of their brand.

  • Highlights the incredible entrepreneurs they’re supporting.

  • Inspires their audience to grind with gratitude in their own lives.

It’s about showing the world what’s possible when a brand leads with purpose—and what it means to hustle with heart.

Let’s Make an Impact Together

If there’s one thing we love at Kyle Loftus Studios, it’s working with brands that are on a mission to change the world. Grind with Gratitude isn’t just a brand; they’re a movement. And we couldn’t be more honored to help them share their message and amplify their impact.

To the entrepreneurs out there grinding day in and day out, this is your reminder: dreams are worth chasing. And with brands like Grind with Gratitude supporting you, there’s no limit to what you can achieve.

Here’s to making great products, creating meaningful change, and helping others achieve their dreams—one story at a time.

Are you a brand on a mission? We’d love to work with you. Contact Kyle Loftus Studios today, and let’s create something amazing together!

http://www.kyleloftusstudios.com