/* Block Styles */
/* Block: video */
.mb-96 { margin-bottom: 96px;} .video-block { background-color: #f1f5f9; height: 500px; } .video-container { width: 100%; height: 100%; aspect-ratio: 16 / 9; overflow: hidden; max-height: 500px; position: relative; } .video-element { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; z-index: 0; } /* Overlay for centering logo + text */ .video-overlay { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 2rem; color: #fff; background: rgba(0, 0, 0, 0.3); } /* Logo styling */ .video-logo { margin-bottom: 1.25rem; } .video-logo svg { max-width: 500px; width: 100%; height: auto; } /* Text below logo */ .video-copy { max-width: 700px; } .video-hero-heading { font-weight: 700; letter-spacing: 4px; margin-bottom: 0.75rem; font-size: 1.4rem; } .video-hero-text { font-size: 1.1rem; line-height: 1.6; opacity: 0.9; } /* Hide native controls by default */ .video-element::-webkit-media-controls { display: none !important; } .video-placeholder { display: flex; align-items: center; justify-content: center; height: 100%; background-color: rgba(241, 245, 249, 0.8); } /* Shared drop shadow style */ .video-overlay .video-logo, .video-overlay .video-hero-heading, .video-overlay .video-hero-text { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .video-logo svg { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } @media (max-width: 991px) { .video-logo svg { max-width: 190px; } .video-hero-heading { font-weight: 700; letter-spacing: 3px; font-size: 20px; } .video-hero-text { font-size: 17px; line-height: 1.6; opacity: 0.9; } }

/* Block: paragraph_image */
.mb-96 { margin-bottom: 96px; } .paragraph-image-block { background-color: #ffffff; margin-left: auto; margin-right: auto; } .paragraph-image-block.paragraph-image-border { padding-left: 30px; padding-right: 30px; } .paragraph-image-block.paragraph-image-border > .paragraph-image-container { padding-top: 30px; padding-bottom: 20px; } .paragraph-image-container { margin: 0 auto; display: flex; align-items: center; gap: 3rem; } /* Desktop - Image position handling */ @media (min-width: 992px) { .paragraph-image-container.image-left { flex-direction: row; } .paragraph-image-container.image-right { flex-direction: row-reverse; } } .paragraph-image-border { border: 1px solid #d1d5db; border-radius:16px; } .paragraph-image-text { flex: 1; } .paragraph-image-image { flex: 1; } .paragraph-image-title { font-size: 1.875rem; font-weight: 700; margin-bottom: 1rem; color: #0f172a; } .paragraph-image-content { font-size: 1rem; color: #64748b; line-height: 1.625; } .paragraph-image-content > p { margin-bottom: 0; color: #0f172a; } .paragraph-image-content:last-child { margin-bottom: 0; } .paragraph-image-content:not(:last-child) { margin-bottom: 2rem; } .paragraph-image-image-container { border-radius: 16px; display: flex; align-items: center; justify-content: center; } .paragraph-image-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; } .paragraph-image-cta { display: inline-flex; align-items: center; justify-content: center; height: 56px; background-color: #e50026; color: #ffffff; padding: 0 25px; font-size: 20px; font-weight: 600; text-decoration: none; border-radius: 33px; transition: background-color 0.3s ease, transform 0.2s ease; cursor: pointer; } .paragraph-image-cta:hover { color: #ffffff; background-color: #c4001f; transform: translateY(-2px); } /* Mobile styles - stack image above text on screens smaller than 992px */ @media (max-width: 991px) { .paragraph-image-container { flex-direction: column !important; gap: 2rem; } .paragraph-image-image { width: 100%; flex: none; } .paragraph-image-text { width: 100%; flex: none; } /* Adjust title size for mobile */ .paragraph-image-title { font-size: 1.5rem; } .paragraph-image-content p { font-size: 0.9rem; line-height: inherit; } .paragraph-image-content:not(:last-child) { margin-bottom: 1.5rem; } .paragraph-image-block.paragraph-image-border > .paragraph-image-container { margin-bottom: 0; } .paragraph-image-cta { margin-top: 5px; font-size: 1rem; padding: 0.8rem 1.6rem; } }