Skip to content
← All Posts

Feb 2, 2018·1 min read

Big Sur Adventures 1/17-1/25/18

, 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 Feb 2, 2018·1 min read Big Sur Adventures 1/17-1/25/18
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
Lifestyle-Travel-Photographer-Big Sur-Kal Visuals-Photo
8A6A1613.jpg
8A6A1615.jpg
8A6A1620.jpg
8A6A1621.jpg
8A6A1623.jpg
8A6A1629-2.jpg
8A6A1629.jpg
8A6A1646.jpg
8A6A1663.jpg
8A6A1668.jpg
8A6A1675.jpg
8A6A1681.jpg
8A6A1692.jpg
8A6A1706.jpg
8A6A1721.jpg
8A6A1742.jpg
8A6A1749.jpg
8A6A1752.jpg
8A6A1761.jpg
8A6A1768.jpg
8A6A1799.jpg
8A6A1805.jpg
8A6A1806.jpg
8A6A1808.jpg
8A6A1811.jpg
8A6A1812.jpg
8A6A1813.jpg
8A6A1814.jpg
8A6A1817.jpg
8A6A1820.jpg
8A6A1821.jpg
8A6A1825.jpg
8A6A1837.jpg
8A6A1839.jpg
8A6A1842.jpg
8A6A1843.jpg
8A6A1851.jpg
8A6A1862.jpg
8A6A1865.jpg
8A6A1868.jpg
8A6A1876.jpg
8A6A1878.jpg
8A6A1908.jpg
8A6A1912.jpg
8A6A1923.jpg
8A6A1935.jpg
8A6A1937.jpg
8A6A1945.jpg
8A6A1948.jpg
8A6A1952.jpg
8A6A1957.jpg
8A6A1965.jpg
8A6A1966.jpg
8A6A1969.jpg
8A6A1974.jpg
8A6A1989.jpg
8A6A1991.jpg
8A6A2001.jpg
8A6A2002.jpg
8A6A2005.jpg
8A6A2008.jpg
8A6A2013.jpg
8A6A2024.jpg
8A6A2025.jpg
8A6A2032.jpg
8A6A2042.jpg
8A6A2043.jpg
8A6A2045.jpg
8A6A2049.jpg
8A6A2063.jpg
8A6A2065.jpg
8A6A2067.jpg
8A6A2073.jpg
8A6A2076.jpg
8A6A2077.jpg
8A6A2090.jpg
8A6A2121.jpg
8A6A2134.jpg
8A6A2142.jpg
8A6A2147.jpg
8A6A2155.jpg
8A6A2160.jpg
8A6A2164.jpg
8A6A2167.jpg
8A6A2169.jpg
8A6A2190.jpg
8A6A2191.jpg
8A6A2194.jpg
8A6A2198.jpg
8A6A2199.jpg
8A6A2200.jpg
8A6A2202.jpg
8A6A2203.jpg
8A6A2204.jpg
8A6A2209.jpg
DSC01631.jpg
DSC01633.jpg
DSC01634.jpg
DSC01641.jpg
DSC01647.jpg
DSC01664.jpg
DSC01666.jpg
DSC01671.jpg
DSC01672.jpg
DSC01675.jpg
DSC01684.jpg
DSC01686.jpg
DSC01692.jpg
DSC01699.jpg
DSC01702.jpg
DSC01704.jpg
DSC01706.jpg
DSC01713.jpg
DSC01716.jpg
DSC01734.jpg
DSC01740.jpg
DSC01747.jpg
DSC01755.jpg
DSC01756.jpg
DSC01761.jpg
DSC01779.jpg
DSC01783.jpg
DSC01784.jpg
DSC01786.jpg
DSC01787.jpg
DSC01788.jpg
DSC01793.jpg
DSC01799.jpg
DSC01804.jpg
DSC01837.jpg
DSC01840.jpg
DSC01842.jpg
DSC01858.jpg
DSC01864.jpg
DSC01865.jpg
DSC01866.jpg
DSC01883.jpg
DSC01885.jpg
DSC01888.jpg
DSC01895.jpg
DSC01896.jpg
DSC01910.jpg
DSC01925.jpg
DSC01933.jpg
DSC01958.jpg
DSC01971.jpg
DSC01973.jpg
DSC01992.jpg
DSC01997.jpg
DSC02008.jpg
http://www.kyleloftusstudios.com
← Back to the Blog

Latest Posts

Keep reading

Jul 28, 2026CDC Fest 2026 Recap Video | Contemporary Dance Choreography Festival Orlando Jan 6, 2026Create the Work You Want to Attract Oct 23, 2025Behind the Scenes of Our Multi-Day USG Corporate Event in Orlando, Florida: Oct 23, 2025How We Pulled Off Two Music Videos in Two Days — And Why Pre-Production Makes or Breaks a Music Video Jul 3, 2025Why We Don’t Bet Everything on a Single Hero Video And How We Help Brands Like Tempra Win with High-Quality, High-Quantity Content Jul 3, 2025Why High-End Photography Isn’t Enough Anymore (And What Your Brand Actually Needs) Jun 26, 2025Launching TEMPRA: How Strategic, Story-Driven Content Powers Successful Brand Launch Campaigns Jun 9, 2025Elevate Your E-Commerce Brand with High-Quality Video and Photo Production: A Look Behind Our Recent Success with Faster Way to Fat Loss May 17, 2025Behind the Lens: Capturing Scroll-Stopping Summer Photography for Two Brands in One Day May 8, 2025Crafting Emotional Connections: Behind the Scenes of Jeremiah's Italian Ice 'Hop Away Treats' Campaign May 7, 2025How We Captured a High-Impact Summer Campaign for Lasio and Blessed Bananas — and What Your Brand Can Learn From It Apr 23, 2025Behind the Scenes of Jeremiah’s Hop Away Happiness Campaign: How We Brought Real Frozen Treats to Life On Camera Mar 25, 2025How We Helped Eat Prima Revamp Their Brand and Position Themselves as a Premium Luxury Product Mar 25, 2025Pushing Creative Limits: How We Bring Fresh, Bold Ideas to Jeremiah’s Monthly Campaigns Mar 11, 2025How We Helped Faster Way to Fat Loss Capture Content in the Most Cost-Effective Way Possible Feb 1, 2025A Behind the Scenes Look Our Production with Jeremiah’s Italian Ice and Skittles Feb 1, 2025Lasio x Blessed Bananas Commercial Prod BTS 1-13-25 Jan 15, 2025Ready to Elevate Your Brand in 2025? Let’s Create Magic Together! Dec 26, 2024Finding Meaning in Motion: Why We Love Working with Mission-Driven Brands Nov 28, 2024Why Finding the Right Media Team is Crucial for Your Brand’s Success Nov 28, 2024Brands on a Mission: Why We Love Working with Grind with Gratitude Nov 21, 2024Behind the Scenes: Capturing the Spirit of Faster Way to Fat Loss Nov 7, 2024Acre Partner Miami Mastermind Event Oct 28, 2024Join Us Behind the Scenes for the Jeremiah’s Italian Ice Live Life to the Coolest Campaign 2024 Oct 26, 2024Hybrid Athlete Jake Schum x Centric Brand Partnership Campaign Oct 7, 2024Centric x Jake Schum Commercial Production BTS 9-30-24 Sep 4, 2024Jeremiahs Italian Ice Live Life to the Coolest Campaign Commercial Videos & Behind the Scenes Gallery Jun 30, 2024Jeremiah’s Italian Ice Product Production Behind the Scenes Sneak Peak May 28, 2024Wizard Cyber Commercial Production BTS Sneak Peak May 27, 2024Social Media Skits Production BTS Sneak Peak 5-24-24 May 14, 2024Gatorade Commercial Campaign at GSSI Facility May 8, 2024Axiorii Exercise Library Tampa Production 2 Behind the Scenes Pass May 8, 2024Axiorii Exercise Production in Boca Raton BTS Pass Apr 30, 2024Introducing ZZZ Tape: Revolutionizing Sleep Quality and Wellness Mar 26, 2024Jetfuel Commercial Photoshoot Mar 26, 2024Jetfuel Commercial Production Behind the Scenes Sneak Peak Feb 1, 2024Beyond Theme Parks: Photographers Reveal 11 Beautiful Places in Orlando Everyone Should Check Out Dec 29, 2023Elevate Your Brand to New Heights The Transformative Power of Professional Videography Dec 29, 2023My 7 Year Transformation: From A Struggling Freelancer to Speaking to a Room Full of Aspiring Filmmakers Nov 4, 2023Yo Creo Music Video Production BTS
All 466 posts →