/*
Theme Name: Lawyer Landing Authority
Version: 0.2.4
Text Domain: lawyer-lending
*/

:root {
  --ll-navy: #10233f;
  --ll-white: #ffffff;
  --ll-ice: #eef5fa;
  --ll-blue: #3d78a6;
  --ll-ink: #1c2633;
  --ll-content: 1320px;
  --ll-section-space: clamp(3rem, 6vw, 7rem);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 2rem;
}

body {
  margin: 0;
  color: var(--ll-ink);
  background: var(--ll-white);
  font-family: Manrope, Arial, sans-serif;
}

:where(img, svg, video) {
  display: block;
  max-width: 100%;
}

figure {
  margin: 0;
}

:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--ll-blue);
  outline-offset: 3px;
}

a {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lora, Georgia, serif;
}

button,
input,
select,
textarea {
  font: inherit;
}

.ll-container {
  width: min(calc(100% - clamp(2rem, 5vw, 5rem)), var(--ll-content));
  margin-inline: auto;
}

.ll-section {
  padding-block: var(--ll-section-space);
  scroll-margin-top: 2rem;
}

:root :where(.wp-block-group, .wp-block-columns, .wp-block-image, .wp-block-buttons) {
  margin-block: 0;
}

:root :where(.wp-block-group, .wp-block-columns) > :first-child {
  margin-block-start: 0;
}

:root :where(.wp-block-group, .wp-block-columns) > :last-child {
  margin-block-end: 0;
}

.ll-landing-main,
.ll-landing-main > * {
  margin-block: 0;
}

.has-reveal-js .ll-reveal {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  transition:
    opacity 680ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 680ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 680ms cubic-bezier(0.16, 1, 0.3, 1);
}

.has-reveal-js .authority-reveal-heading {
  clip-path: inset(0);
  transition:
    opacity 680ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 680ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 680ms cubic-bezier(0.16, 1, 0.3, 1),
    clip-path 760ms cubic-bezier(0.16, 1, 0.3, 1);
}

.has-reveal-js .ll-reveal:not(.is-visible) {
  opacity: 0;
  transform: translateY(1.25rem);
}

.has-reveal-js .authority-reveal-heading:not(.is-visible) {
  opacity: 0;
  transform: translateY(0.85rem);
  clip-path: inset(0 0 60% 0);
}

.has-reveal-js .authority-reveal-panel:not(.is-visible) {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(2rem);
}

@media (max-width: 781px) {
  :root {
    --m-ll-content: 100%;
    --m-ll-section-space: clamp(2.5rem, 12vw, 4rem);
  }

  .ll-container {
    width: min(calc(100% - 2rem), var(--m-ll-content));
  }

  .ll-section {
    padding-block: var(--m-ll-section-space);
  }

}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .has-reveal-js .ll-reveal {
    transition: none;
    opacity: 1;
    filter: none;
    transform: none;
    clip-path: none;
  }
}