/*
Theme Name: Liliya Bobrikova
Theme URI: https://prostir.solvium.me/
Author: Solvium
Description: A native Gutenberg block theme for Liliya Bobrikova.
Version: 0.1.6
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: liliya-block
*/

@font-face {
  font-family: "Cormorant Garamond";
  src: url("./assets/fonts/cormorant-garamond-cyrillic-600-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Manrope";
  src: url("./assets/fonts/manrope-cyrillic-400-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Manrope";
  src: url("./assets/fonts/manrope-cyrillic-600-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

:root {
  --lb-rule: 1px solid color-mix(in srgb, var(--wp--preset--color--heading) 18%, transparent);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: .25em; }
:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }

.lb-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: var(--lb-rule);
  backdrop-filter: blur(12px);
}

.lb-brand { line-height: 1.15; }
.lb-brand-name { font-family: var(--wp--preset--font-family--display); }
.lb-brand-role { letter-spacing: .12em; text-transform: uppercase; }
.lb-section { padding-block: var(--wp--preset--spacing--70); }
.lb-surface { padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--50); }
.lb-eyebrow { letter-spacing: .14em; text-transform: uppercase; }

.lb-hero {
  min-height: min(52vw, 55rem);
  border-bottom: var(--lb-rule);
}

.lb-hero-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: clamp(3.5rem, 6vw, 6rem);
}

.lb-hero-media { min-height: 43rem; }
.lb-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.lb-insight { border-left: 2px solid var(--wp--preset--color--accent); padding-left: 1rem; }
.lb-button-row { margin-top: var(--wp--preset--spacing--40); }

.lb-authority-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
.lb-rule-list > * { padding-block: 1.25rem; border-bottom: var(--lb-rule); }
.lb-rule-list > *:first-child { border-top: var(--lb-rule); }
.lb-work-card img { aspect-ratio: 4 / 5; object-fit: cover; }
.lb-work-card figcaption { margin-top: .75rem; color: var(--wp--preset--color--ink-soft); font-size: var(--wp--preset--font-size--small); }
.lb-process-card { border-top: 2px solid var(--wp--preset--color--accent); padding-top: 1rem; }
.lb-testimonial blockquote { margin: 0; }
.lb-testimonial cite { display: block; margin-top: 1rem; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); font-style: normal; }
.lb-cta h2 { max-width: 28ch; }
.lb-page-hero img { aspect-ratio: 1; object-fit: cover; }
.lb-prose {
  width: min(calc(100% - 2.5rem), 66ch);
  max-width: none;
  margin-inline: auto;
}
.lb-prose h2 { margin-top: 3rem; }
.lb-site-footer { border-top: var(--lb-rule); }

@media (max-width: 900px) {
  .lb-site-header .wp-block-navigation__responsive-container-open { display: flex; }
  .lb-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
  .lb-header-cta { display: none !important; }
  .lb-hero { min-height: auto; }
  .lb-hero-media { min-height: 32rem; }
}

@media (max-width: 600px) {
  .lb-section { padding-block: var(--wp--preset--spacing--60); }
  .lb-surface { padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30); }
  .lb-hero-media { min-height: 29rem; }
  .lb-work-card img { aspect-ratio: 16 / 11; }
}