/*
Theme Name: Crypto Balloon
Theme URI: https://cryptoassetballoon.com
Author: Masthead
Description: Balloon desk
Version: 2.0.0
Text Domain: mast-cryptoassetballoon
*/
body { margin: 0; background: #fbf6f2; color: #241c22; font-family: Mulish, sans-serif; }
h1, h2, .name { font-family: Lora, Georgia, serif; }
a { color: #e25b45; text-decoration: none; }
.bl-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.bl-mast .bubble { width: 32px; height: 32px; border-radius: 50%; background: #e25b45; color: #fbf6f2; display: flex; place-items: center; font-weight: 700; }
.bl-mast .name { font-size: 22px; margin: 0; }
.bl-mast nav ul { display: flex; flex-direction: row; gap: 6px; list-style: none; padding: 0; margin: 0; }
.bl-front { max-width: 1080px; margin: 0 auto; padding: 8px 32px 64px; }
.bl-front h1 { font-size: 52px; line-height: 1.05; }
.bl-lift .wp-block-post-template { display: grid; grid-template-columns: 1.4fr 1fr; gap: 22px; list-style: none; padding: 0; }
.bl-rest .story { border-top: 1px solid #eadfd6; padding: 10px 0; }
.bl-rest .wp-block-post-template { list-style: none; padding: 0; }
.bl-foot { padding: 28px 32px 48px; }
.bl-piece { max-width: 720px; margin: 0 auto; padding: 28px; }
img { width: 100%; height: auto; display: block; }

/* one-line mast */
.bl-mast { display: flex; align-items: center; height: 48px; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 0 16px; }
.bl-mast .name { font-size: 22px; margin: 0; line-height: 1; }
.bl-mast div, .bl-mast aside, .bl-mast section, .bl-mast address, .bl-mast blockquote, .bl-mast figure, .bl-mast dl, .bl-mast details { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; }

/* dense columns */
.bl-front { display: grid; grid-template-columns: 244px 1fr 276px; align-items: start; gap: 16px; max-width: none; width: 100%; margin: 0; }
.bl-front-c .story { display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; }
.bl-front-c img { width: 48px; height: 48px; object-fit: cover; }
@media (max-width: 800px) {
.bl-front { grid-template-columns: 1fr; }
}