/* La Lasagna — Klar ordering + booking surface, dressed in the site's own palette. Scoped to .lala-klar-* and .klar-embed; additive only, nothing else is touched. Palette is read from the site's own theme variables (css/site-*.css): "white" hsl(66.43,82.35%,93.33%) cream — body text "lightAccent" hsl(14,6%,15%) charcoal— page ground "black" hsl(357.88,78.57%,50.59%) red — Italian accent #009246 green — Italian accent Fonts are inherited from the page (Sansita headings, Nunito Sans body). */ :root { --lala-cream: hsl(66.43, 82.35%, 93.33%); --lala-dark: hsl(14, 6%, 15%); --lala-red: hsl(357.88, 78.57%, 50.59%); --lala-green: #009246; } /* ---------------------------------------------------------------- section --- */ /* The site header is a transparent overlay, so the first section has to clear it the same way the authored heroes do. */ .lala-klar-section { background: var(--lala-dark); color: var(--lala-cream); padding: clamp(150px, 17vw, 240px) 6vw clamp(70px, 10vw, 150px); } .lala-klar-wrap { max-width: 940px; margin: 0 auto; } .lala-klar-eyebrow { margin: 0 0 18px; font-size: 0.78rem; letter-spacing: 0.34em; text-transform: uppercase; opacity: 0.62; } .lala-klar-title { margin: 0 0 22px; font-family: var(--heading-font-font-family, "Sansita", Georgia, serif); font-weight: 700; line-height: 0.92; letter-spacing: -0.01em; font-size: clamp(3rem, 11vw, 7.5rem); } .lala-klar-title .c-cream { color: var(--lala-cream); } .lala-klar-title .c-green { color: var(--lala-green); } .lala-klar-title .c-red { color: var(--lala-red); } .lala-klar-lead { margin: 0 0 10px; max-width: 46em; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.55; } .lala-klar-meta { margin: 0 0 40px; font-size: 0.92rem; line-height: 1.6; opacity: 0.66; } .lala-klar-rule { height: 1px; border: 0; margin: 0 0 38px; background: linear-gradient( 90deg, var(--lala-red) 0 33%, var(--lala-cream) 33% 66%, var(--lala-green) 66% 100% ); opacity: 0.85; } /* --------------------------------------------------------------- the embed --- */ /* Doubled class on purpose: the embed injects its own