diff --git a/assets/css/flagship-hero-image.css b/assets/css/flagship-hero-image.css new file mode 100644 index 0000000..9b1113e --- /dev/null +++ b/assets/css/flagship-hero-image.css @@ -0,0 +1,58 @@ +/* Scoped presentation for the flagship article hero image. */ +.flagship-article .flagship-hero { + grid-template-columns: minmax(0, 1.52fr) minmax(320px, 0.98fr); + gap: clamp(32px, 4vw, 48px); + align-items: center; +} + +.flagship-article .flagship-hero-media { + width: min(100%, 460px); + aspect-ratio: 3 / 4; + margin: 0; + justify-self: end; + overflow: hidden; + border: 1px solid rgba(22, 67, 99, 0.12); + border-radius: 28px; + background: rgba(255, 255, 255, 0.72); + box-shadow: 0 24px 60px rgba(22, 67, 99, 0.14); +} + +.flagship-article .flagship-hero-media img { + display: block; + width: 100%; + height: 100%; + max-width: none; + object-fit: cover; + object-position: 50% 50%; +} + +@media (max-width: 1100px) { + .flagship-article .flagship-hero { + grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); + gap: 32px; + } + .flagship-article .flagship-hero-media { width: min(100%, 420px); } +} + +@media (max-width: 900px) { + .flagship-article .flagship-hero { + grid-template-columns: minmax(0, 1fr); + align-items: start; + gap: 30px; + } + .flagship-article .flagship-hero-media { + width: 100%; + max-width: none; + aspect-ratio: 4 / 3; + justify-self: stretch; + } + .flagship-article .flagship-hero-media img { object-position: 50% 62%; } +} + +@media (max-width: 640px) { + .flagship-article .flagship-hero { gap: 24px; } + .flagship-article .flagship-hero-media { + aspect-ratio: 6 / 5; + border-radius: 26px; + } +} diff --git a/assets/img/blog/financial-stream-flagship-bookkeeping-hero.webp b/assets/img/blog/financial-stream-flagship-bookkeeping-hero.webp new file mode 100644 index 0000000..479613f Binary files /dev/null and b/assets/img/blog/financial-stream-flagship-bookkeeping-hero.webp differ diff --git a/blog/us-bookkeeping-small-business.html b/blog/us-bookkeeping-small-business.html index 25d90c0..2455b71 100644 --- a/blog/us-bookkeeping-small-business.html +++ b/blog/us-bookkeeping-small-business.html @@ -26,6 +26,7 @@ + @@ -33,6 +34,7 @@ +
@@ -85,7 +87,9 @@Expert guide
A practical owner framework for checking whether small-business records are complete, supported, recorded to reflect what happened, reconciled, usable, and connected to the next report, filing, or decision.
+Экспертный материал
Практическая модель контроля, которая связывает операцию, документ, бухгалтерскую запись, сверку, отчётность и решение владельца.
+