/* Base site styles (loaded on all pages)
   Keep this file minimal. Page‑specific styles should go under /public/css/*. */

:root {
  --lt-container-max: 1024px;
  --lt-padding: 25px;
}

/***** Landing layouts (shared) *****/
.landing-hero { width: 100%; max-width: 100%; height: auto; object-fit: cover; display: block; }
.landing-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.08)); pointer-events: none; }
.landing-container { max-width: var(--lt-container-max); margin: 0 auto; padding: 0 var(--lt-padding) var(--lt-padding) var(--lt-padding); }
.landing-title { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 700; margin-top: 40px; }
.landing-desc { color: #606a77; font-size: clamp(1rem, 1.6vw, 1.25rem); }
.landing-header { border-bottom: 1px solid #efefef; padding-bottom: .75rem; margin-bottom: 1.25rem; }

/***** Content helpers *****/
.landing-content img { max-width: 100%; height: auto; }
.landing-content iframe { width: 100%; min-height: 360px; }
.landing-content video, .landing-content .ql-html-video video { width: 100%; max-width: 100%; height: auto; display: block; }
.landing-content figure { width: 100%; }
.landing-content .ql-align-center { text-align: center; }
.landing-content .ql-align-right { text-align: right; }
.landing-content .ql-align-justify { text-align: justify; }