/* Propozycja wizualna strony głównej, inspirowana układami Firecrawl w Mobbin.
   Ciche pola nagłówków, wspólne linie siatki i autorskie kompozycje zasobów.
   Wyłącznie prezentacja homepage; bez zmiany komponentów źródłowych. */
.home-page {
  --mv-inset: 40px;
  --mv-line: #e7e7e7;
  --mv-muted: #666;
}

/* One architectural grid, carried from chapter heading to the next chapter. */
.home-page .lab-library-head,
.home-page .home-template-head,
.home-page #kierunki > .home-section-head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 352px;
  margin: 0;
  padding: 64px 80px;
  text-align: center;
  overflow: hidden;
}
.home-page .lab-library-head > div,
.home-page .home-template-head > div,
.home-page #kierunki > .home-section-head > div { position: relative; z-index: 1; }
.home-page .lab-library-head h2,
.home-page .home-template-head h2,
.home-page #kierunki > .home-section-head h2 {
  max-width: 760px;
  margin: 18px 0 0;
  font-size: clamp(44px, 4.2vw, 60px);
  line-height: 1.06;
  letter-spacing: -.04em;
  word-spacing: .035em;
}
.home-page .lab-library-head > p,
.home-page .home-template-head > p,
.home-page #kierunki > .home-section-head > p {
  position: relative;
  z-index: 1;
  max-width: 480px;
  margin: 0;
  padding: 0;
  color: var(--mv-muted);
  font-size: 16px;
  line-height: 25px;
}
.home-page .lab-library-head::before,
.home-page .lab-library-head::after,
.home-page #kierunki > .home-section-head::before,
.home-page #kierunki > .home-section-head::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 170px;
  height: 180px;
  transform: translateY(-50%);
  background-image: linear-gradient(#e7e7e7 1px, transparent 1px), linear-gradient(90deg, #e7e7e7 1px, transparent 1px);
  background-size: 18px 18px;
  mask-image: radial-gradient(ellipse at center, #000 5%, transparent 72%);
  pointer-events: none;
}
.home-page .lab-library-head::before,
.home-page #kierunki > .home-section-head::before { left: -88px; }
.home-page .lab-library-head::after,
.home-page #kierunki > .home-section-head::after { right: -88px; }
.home-page :is(.home-library-grid, .home-template-grid, .home-directions-grid,
  .lab-library-head, .home-template-head, #kierunki > .home-section-head) .home-label {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .015em;
}
.home-page .home-library-grid,
.home-page .home-template-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  margin-inline: calc(-1 * var(--mv-inset));
  border-top: 1px solid var(--mv-line);
  border-bottom: 1px solid var(--mv-line);
}
.home-page .home-library-card,
.home-page .home-template-card {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
}
.home-page .home-library-card:first-child,
.home-page .home-template-card:first-child { border-right: 1px solid var(--mv-line); }
.home-page .home-library-card .home-card-copy,
.home-page .home-template-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 278px;
  padding: 34px 40px 38px;
}
.home-page .home-library-card .home-card-copy h3,
.home-page .home-template-copy h3 {
  margin-top: 14px;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -.035em;
}
.home-page .home-library-card .home-card-copy p,
.home-page .home-template-copy p {
  max-width: 450px;
  margin: 13px 0 0;
  font-size: 15px;
  line-height: 24px;
}
.home-page .home-library-card .home-card-copy > .home-link,
.home-page .home-template-copy > .home-link { margin-top: 25px; font-size: 14px; }
.home-page .home-card-meta { width: 100%; gap: 14px; }
.home-page .home-components-card .home-card-count {
  padding: 0;
  border: 0;
  font-size: 13px;
  line-height: 20px;
}
.home-page .home-template-copy { min-height: 304px; }
.home-page .home-template-copy .home-small-link { font-size: 13px; line-height: 21px; }
.home-page .home-template-card .hp-scene { min-height: 490px; margin: 0; }
.home-page #biblioteka > .home-section-foot { margin-block: 28px 0; }

/* Proposed assembly scenes. Original Dealyo SVGs, type and illustration remain intact. */
.home-page .mv-component,
.home-page .mv-assets {
  position: relative; display: flex; flex-direction: column; align-items: stretch;
  gap: 0; height: 422px; min-height: 422px; margin: 0; padding: 0;
  border: 0; border-bottom: 1px solid var(--mv-line); background: #fafafa;
  isolation: isolate; overflow: hidden;
}
.home-page .ml-stage {
  position: relative; display: grid; place-items: center; flex: 1; min-height: 0;
  background-image: linear-gradient(#e7e7e770 1px, transparent 1px), linear-gradient(90deg, #e7e7e770 1px, transparent 1px);
  background-size: 24px 24px;
}
.home-page .ml-stage::after {
  position: absolute; inset: 0; content: ""; pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 30%, #fafafa 80%);
}
.home-page .mv-preview-top,
.home-page .mv-preview-bottom {
  position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between;
  flex: 0 0 auto; gap: 16px; color: var(--mv-muted); font: 400 13px/20px var(--dealyo-mono);
  background: #fafafa;
}
.home-page .mv-preview-top { min-height: 55px; padding: 16px 32px; border-bottom: 1px solid var(--mv-line); }
.home-page .mv-preview-top > span:last-child { color: #888; white-space: nowrap; }
.home-page .mv-preview-bottom { min-height: 48px; padding: 13px 32px; border-top: 1px solid var(--mv-line); background: #fff; }
.home-page .mv-preview-bottom > span:last-child { white-space: nowrap; }
.home-page .ml-phase { position: relative; flex: 1; min-height: 20px; white-space: nowrap; }
.home-page .ml-phase > span { position: absolute; inset: 0 auto auto 0; }
.home-page .ml-phase-one,
.home-page .ml-phase-two,
.home-page .ml-phase-three { opacity: 0; }
.home-page .ml-phase-final { opacity: 1; }
.home-page .ml-page,
.home-page .ml-brand-board { position: relative; z-index: 1; width: calc(100% - 76px); max-width: 500px; height: 268px; }
.home-page .ml-page-frame,
.home-page .ml-brand-frame { position: absolute; inset: 0; background: #fff; border: 1px solid #e7e7e7; box-shadow: 0 9px 24px #26262606; }
.home-page .ml-page-nav { position: absolute; inset: 0 0 auto; height: 37px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid #e7e7e7; }
.home-page .ml-page-nav img { display: block; width: 84px; height: auto; }
.home-page .ml-page-nav > span { font: 400 13px/18px var(--dealyo-font); color: #777; }
.home-page .ml-piece { position: absolute; }
.home-page .ml-piece::before { content: ""; position: absolute; z-index: -1; inset: -11px -12px; background: white; border: 1px solid #e7e7e7; opacity: 0; }
.home-page .ml-piece-label { position: absolute; left: 0; top: -27px; color: #666; white-space: nowrap; font: 400 13px/20px var(--dealyo-mono); opacity: 0; }
.home-page .ml-page-heading { left: 23px; top: 68px; z-index: 3; width: max-content; max-width: calc(100% - 46px); }
.home-page .ml-page-heading strong { display: block; color: #262626; font-size: clamp(28px, 2.5vw, 36px); line-height: 1.08; letter-spacing: -.047em; font-weight: 500; }
.home-page .ml-page-heading em { font-style: normal; color: #fe4a23; }
.home-page .ml-page-art { right: 7px; top: 108px; width: 48%; z-index: 2; }
.home-page .ml-page-art img { display: block; width: 100%; height: 100px; object-fit: contain; mix-blend-mode: multiply; }
.home-page .ml-page-art .ml-piece-label { left: 15px; }
.home-page .ml-page-action { left: 23px; bottom: 23px; z-index: 4; }
.home-page .ml-cta { display: flex; align-items: center; justify-content: space-between; min-height: 44px; gap: 16px; padding: 10px 13px; color: #fff; background: #fe4a23; font: 500 14px/24px var(--dealyo-font); white-space: nowrap; }
.home-page .ml-cta svg { width: 24px; height: 24px; flex-shrink: 0; }
.home-page .ml-page-guides { position: absolute; inset: 37px 0 0; opacity: 0; pointer-events: none; }
.home-page .ml-page-guides i { position: absolute; background: #fe4a2333; }
.home-page .ml-page-guides i:nth-child(1) { left: 22px; top: 0; bottom: 0; width: 1px; }
.home-page .ml-page-guides i:nth-child(2) { right: 22px; top: 0; bottom: 0; width: 1px; }
.home-page .ml-page-guides i:nth-child(3) { left: 0; right: 0; top: 27px; height: 1px; }
.home-page .ml-page-guides i:nth-child(4) { left: 0; right: 0; bottom: 22px; height: 1px; }
.home-page .ml-page-guides b,
.home-page .ml-logo-guides b { position: absolute; font: 400 18px/18px var(--dealyo-mono); color: #fe4a23; }
.home-page .ml-page-guides b:nth-of-type(1) { left: 14px; top: 19px; }
.home-page .ml-page-guides b:nth-of-type(2) { right: 14px; top: 19px; }
.home-page .ml-page-guides b:nth-of-type(3) { left: 14px; bottom: 14px; }
.home-page .ml-page-guides b:nth-of-type(4) { right: 14px; bottom: 14px; }
.home-page .ml-assembly-cursor { position: absolute; z-index: 6; left: 161px; bottom: 24px; opacity: 0; }
.home-page .ml-placement-ring { position: absolute; z-index: 5; width: 32px; height: 32px; left: 144px; bottom: 30px; border: 1px solid #fe4a23; border-radius: 50%; opacity: 0; }
/* Brand board: the source specimens settle into their cells before the original logo reveals. */
.home-page .ml-brand-board { max-width: 470px; }
.home-page .ml-board-label { position: absolute; top: 15px; left: 20px; color: #777; font: 400 13px/20px var(--dealyo-mono); }
.home-page .ml-board-logo { position: absolute; left: 30px; right: 30px; top: 68px; height: 45px; display: grid; place-items: center; }
.home-page .ml-board-logo img { display: block; width: 100%; max-width: 320px; height: auto; }
.home-page .ml-logo-guides { position: absolute; top: 56px; left: 20px; right: 20px; height: 68px; pointer-events: none; opacity: .65; }
.home-page .ml-logo-guides i { position: absolute; background: #e7e7e7; }
.home-page .ml-logo-guides i:nth-child(1) { top: 0; left: -12px; right: -12px; height: 1px; }
.home-page .ml-logo-guides i:nth-child(2) { bottom: 0; left: -12px; right: -12px; height: 1px; }
.home-page .ml-logo-guides i:nth-child(3) { top: -12px; bottom: -12px; left: 0; width: 1px; }
.home-page .ml-logo-guides i:nth-child(4) { top: -12px; bottom: -12px; right: 0; width: 1px; }
.home-page .ml-logo-guides b:nth-of-type(1) { top: -8px; left: -8px; }
.home-page .ml-logo-guides b:nth-of-type(2) { top: -8px; right: -8px; }
.home-page .ml-logo-guides b:nth-of-type(3) { bottom: -8px; left: -8px; }
.home-page .ml-logo-guides b:nth-of-type(4) { bottom: -8px; right: -8px; }
.home-page .ml-logo-scan { position: absolute; top: 47px; left: 19px; width: 1px; height: 86px; background: #fe4a23; box-shadow: 0 0 0 4px #fe4a230c; opacity: 0; }
.home-page .ml-brand-tiles { position: absolute; left: 0; right: 0; bottom: 0; height: 113px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-page .ml-brand-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-width: 0; padding: 12px 3px; background: white; border: 1px solid #e7e7e7; }
.home-page .ml-brand-tile + .ml-brand-tile { border-left: 0; }
.home-page .ml-brand-tile > div { height: 43px; display: grid; place-items: center; }
.home-page .ml-brand-tile > span { color: #666; font: 400 13px/18px var(--dealyo-mono); text-align: center; }
.home-page .ml-brand-mark img { display: block; width: 55px; height: 40px; object-fit: contain; }
.home-page .ml-brand-type > div { color: #262626; font-size: 43px; line-height: 43px; letter-spacing: -.06em; font-weight: 500; }
.home-page .ml-brand-color > div { width: 100%; }
.home-page .ml-brand-color i { display: block; width: 64%; max-width: 66px; height: 32px; background: #fe4a23; }
/* The shared homepage controller owns pause, offscreen and document visibility. */
.home-page [data-lvm-ready="true"] .ml-motion,
.home-page [data-lvm-ready="true"] .ml-piece::before { animation-duration: 8.6s; animation-timing-function: linear; animation-fill-mode: both; animation-iteration-count: 1; animation-play-state: paused; }
.home-page [data-lvm-ready="true"][data-running="true"] .ml-motion,
.home-page [data-lvm-ready="true"][data-running="true"] .ml-piece::before { animation-play-state: running; }
.home-page [data-lvm-ready="true"] .ml-page-frame { animation-name: ml-page-frame; }
.home-page [data-lvm-ready="true"] .ml-page-nav { animation-name: ml-nav; }
.home-page [data-lvm-ready="true"] .ml-page-heading { animation-name: ml-heading; }
.home-page [data-lvm-ready="true"] .ml-page-art { animation-name: ml-art; }
.home-page [data-lvm-ready="true"] .ml-page-action { animation-name: ml-action; }
.home-page [data-lvm-ready="true"] .ml-page-heading::before,
.home-page [data-lvm-ready="true"] .ml-page-heading .ml-piece-label { animation-name: ml-heading-sheet; }
.home-page [data-lvm-ready="true"] .ml-page-art::before,
.home-page [data-lvm-ready="true"] .ml-page-art .ml-piece-label { animation-name: ml-art-sheet; }
.home-page [data-lvm-ready="true"] .ml-page-action::before,
.home-page [data-lvm-ready="true"] .ml-page-action .ml-piece-label { animation-name: ml-action-sheet; }
.home-page [data-lvm-ready="true"] .ml-page-guides { animation-name: ml-guides; }
.home-page [data-lvm-ready="true"] .ml-assembly-cursor { animation-name: ml-cursor; }
.home-page [data-lvm-ready="true"] .ml-placement-ring { animation-name: ml-click; }
.home-page [data-lvm-ready="true"] .ml-brand-frame { animation-name: ml-brand-frame; }
.home-page [data-lvm-ready="true"] .ml-board-label { animation-name: ml-nav; }
.home-page [data-lvm-ready="true"] .ml-brand-mark { animation-name: ml-mark; }
.home-page [data-lvm-ready="true"] .ml-brand-type { animation-name: ml-type; }
.home-page [data-lvm-ready="true"] .ml-brand-color { animation-name: ml-color; }
.home-page [data-lvm-ready="true"] .ml-logo-guides { animation-name: ml-logo-guides; }
.home-page [data-lvm-ready="true"] .ml-board-logo { animation-name: ml-logo; }
.home-page [data-lvm-ready="true"] .ml-logo-scan { animation-name: ml-logo-scan; }
.home-page [data-lvm-ready="true"] .ml-phase-one { animation-name: ml-phase-one; }
.home-page [data-lvm-ready="true"] .ml-phase-two { animation-name: ml-phase-two; }
.home-page [data-lvm-ready="true"] .ml-phase-three { animation-name: ml-phase-three; }
.home-page [data-lvm-ready="true"] .ml-phase-final { animation-name: ml-phase-final; }
@keyframes ml-page-frame { 0%,8% { opacity: .08; transform: scale(.94); } 26%,100% { opacity: 1; transform: scale(1); } }
@keyframes ml-nav { 0%,46% { opacity: 0; } 66%,100% { opacity: 1; } }
@keyframes ml-heading { 0%,10% { transform: translate(14px,-14px) rotate(-5deg); } 28%,100% { transform: none; } }
@keyframes ml-art { 0%,29% { transform: translate(30px,30px) rotate(6deg); } 47%,100% { transform: none; } }
@keyframes ml-action { 0%,48% { transform: translate(26px,12px) rotate(-5deg); } 64%,100% { transform: none; } }
@keyframes ml-heading-sheet { 0%,17% { opacity: 1; } 29%,100% { opacity: 0; } }
@keyframes ml-art-sheet { 0%,34% { opacity: 1; } 48%,100% { opacity: 0; } }
@keyframes ml-action-sheet { 0%,54% { opacity: 1; } 65%,100% { opacity: 0; } }
@keyframes ml-guides { 0%,8% { opacity: 0; } 20%,65% { opacity: 1; } 79%,100% { opacity: 0; } }
@keyframes ml-cursor { 0%,53% { opacity: 0; transform: translate(40px,18px); } 59% { opacity: 1; transform: translate(18px,8px); } 65%,69% { opacity: 1; transform: none; } 76%,100% { opacity: 0; transform: translate(12px,12px); } }
@keyframes ml-click { 0%,64% { opacity: 0; transform: scale(.4); } 66% { opacity: .7; transform: scale(.5); } 74%,100% { opacity: 0; transform: scale(1.7); } }
@keyframes ml-brand-frame { 0%,8% { opacity: .08; transform: scale(.96); } 45%,100% { opacity: 1; transform: none; } }
@keyframes ml-mark { 0%,10% { transform: translate(8px,-119px) rotate(-8deg); } 28%,100% { transform: none; } }
@keyframes ml-type { 0%,19% { transform: translate(0,-110px); } 38%,100% { transform: none; } }
@keyframes ml-color { 0%,32% { transform: translate(-8px,-119px) rotate(8deg); } 50%,100% { transform: none; } }
@keyframes ml-logo-guides { 0%,42% { opacity: 0; transform: scaleX(.8); } 51%,73% { opacity: 1; transform: none; } 85%,100% { opacity: .65; transform: none; } }
@keyframes ml-logo { 0%,51% { clip-path: inset(0 100% 0 0); opacity: 0; } 52% { opacity: 1; clip-path: inset(0 100% 0 0); } 73%,100% { opacity: 1; clip-path: inset(0); } }
@keyframes ml-logo-scan { 0%,51% { opacity: 0; left: 20px; } 53% { opacity: 1; left: 20px; } 73% { opacity: 1; left: calc(100% - 20px); } 77%,100% { opacity: 0; left: calc(100% - 20px); } }
@keyframes ml-phase-one { 0%,28% { opacity: 1; } 29%,100% { opacity: 0; } }
@keyframes ml-phase-two { 0%,28% { opacity: 0; } 29%,48% { opacity: 1; } 49%,100% { opacity: 0; } }
@keyframes ml-phase-three { 0%,48% { opacity: 0; } 49%,76% { opacity: 1; } 77%,100% { opacity: 0; } }
@keyframes ml-phase-final { 0%,76% { opacity: 0; } 77%,100% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .home-page [data-library-visual] .ml-motion,
  .home-page [data-library-visual] .ml-piece::before { animation: none !important; }
}
@media (max-width: 1100px) and (min-width: 769px) {
  .home-page .ml-page, .home-page .ml-brand-board { width: calc(100% - 42px); }
  .home-page .ml-page-heading { left: 18px; top: 64px; width: max-content; max-width: calc(100% - 36px); }
  .home-page .ml-page-heading strong { font-size: 30px; }
  .home-page .ml-page-art { top: 121px; width: 53%; right: 5px; }
  .home-page .ml-page-action { left: 18px; bottom: 16px; }
  .home-page .ml-page-art img { height: 90px; }
  .home-page .ml-board-label { left: 14px; }
  .home-page .ml-board-logo { left: 25px; right: 25px; }
  .home-page .ml-brand-tile > span { font-size: 13px; letter-spacing: -.02em; }
}
@keyframes ml-art-compact { 0%,29% { transform: translate(-6px,18px) rotate(3deg) scale(.9); } 47%,100% { transform: none; } }
@media (max-width: 600px) {
  .home-page [data-lvm-ready="true"] .ml-page-art { animation-name: ml-art-compact; }
  .home-page .ml-page, .home-page .ml-brand-board { width: calc(100% - 46px); }
  .home-page .ml-page-heading { left: 20px; width: max-content; max-width: calc(100% - 40px); top: 61px; }
  .home-page .ml-page-heading strong { font-size: 32px; }
  .home-page .ml-page-art { top: 122px; right: 2px; width: 56%; }
  .home-page .ml-page-art img { height: 88px; }
  .home-page .ml-page-action { left: 20px; bottom: 17px; }
  .home-page .ml-page-nav { padding-inline: 18px; }
  .home-page .ml-brand-tile > span { font-size: 13px; letter-spacing: -.035em; }
  .home-page .ml-board-label { left: 15px; font-family: var(--dealyo-font); }
}
@media (max-width: 359px) {
  .home-page .ml-page, .home-page .ml-brand-board { width: calc(100% - 38px); }
  .home-page .ml-page-heading { left: 16px; }
  .home-page .ml-page-heading strong { font-size: 29px; }
  .home-page .ml-page-art { width: 59%; }
  .home-page .ml-page-action { left: 16px; }
  .home-page .ml-page-nav { padding-inline: 15px; }
  .home-page .ml-page-nav > span { font-size: 13px; }
  .home-page .ml-board-logo { left: 28px; right: 28px; }
  .home-page .ml-brand-tile > span { max-width: 80px; }
}

/* Existing animated scenes keep their own timing, controls and responsive layout. */
.home-page #kierunki { padding-top: 0; padding-bottom: 36px; }
.home-page .home-directions-grid { gap: 0; margin-inline: calc(-1 * var(--mv-inset)); border-block: 1px solid var(--mv-line); }
.home-page .home-direction-card { grid-template-columns: repeat(2, minmax(0, 1fr)); border: 0; }
.home-page .home-direction-card + .home-direction-card { border-top: 1px solid var(--mv-line); }
.home-page .home-direction-card .home-card-copy { justify-content: center; min-height: 422px; padding: 40px; }
.home-page .home-direction-card .home-card-copy h3 { margin-top: 20px; font-size: 34px; line-height: 39px; }
.home-page .home-direction-card .home-card-copy p { max-width: 380px; font-size: 15px; line-height: 24px; }
.home-page .home-direction-card .home-small-link { font-size: 13px; line-height: 21px; }
.home-page .home-direction-card .home-status { font-size: 13px; line-height: 20px; }
.home-page .home-social-preview { min-height: 422px; }
.home-page .home-social-preview .ed-social-label { font-size: 13px; line-height: 20px; }

@media (max-width: 1100px) {
  .home-page .home-library-card .home-card-copy,
  .home-page .home-template-copy,
  .home-page .home-direction-card .home-card-copy { padding-inline: 30px; }
  .home-page .mv-brand-stage { padding-inline: 30px; }
  .home-page .mv-preview-bottom > span:last-child { display: none; }
  .home-page .mv-component-heading > strong { font-size: 43px; }
  .home-page .mv-component-illustration { right: 8px; top: 173px; width: 52%; }
}
@media (max-width: 991px) { .home-page { --mv-inset: 30px; } }
@media (max-width: 991px) and (min-width: 769px) {
  .home-page .home-direction-card { grid-template-columns: minmax(0, 1fr); }
  .home-page .home-direction-card .home-card-copy { min-height: 300px; }
  .home-page .home-direction-card .hp-flow { border-left: 0; }
  .home-page .home-social-card .home-card-copy { grid-column: 1; grid-row: 2; }
  .home-page .home-social-preview { grid-column: 1; grid-row: 1; border-right: 0; border-bottom: 1px solid var(--mv-line); }
}
@media (max-width: 768px) {
  .home-page .lab-library-head,
  .home-page .home-template-head,
  .home-page #kierunki > .home-section-head { min-height: 325px; gap: 22px; padding: 56px 16px; }
  .home-page .lab-library-head h2,
  .home-page .home-template-head h2,
  .home-page #kierunki > .home-section-head h2 { font-size: 44px; }
  .home-page .home-library-grid,
  .home-page .home-template-grid,
  .home-page .home-direction-card { grid-template-columns: minmax(0, 1fr); }
  .home-page .home-library-card:first-child,
  .home-page .home-template-card:first-child { border-right: 0; border-bottom: 1px solid var(--mv-line); }
  .home-page .home-library-card .home-card-copy,
  .home-page .home-template-copy,
  .home-page .home-direction-card .home-card-copy { min-height: 0; padding: 30px 28px 34px; }
  .home-page .home-library-card .home-card-copy h3,
  .home-page .home-template-copy h3 { font-size: 28px; line-height: 34px; }
  .home-page .home-library-card .home-card-copy p,
  .home-page .home-template-copy p,
  .home-page .home-direction-card .home-card-copy p { font-size: 16px; line-height: 25px; }
  .home-page #biblioteka .home-components-card .home-card-count { font-size: 14px !important; line-height: 20px; }
  .home-page .mv-component,
  .home-page .mv-assets { height: 422px; min-height: 422px; }
  .home-page .mv-component-heading > strong { font-size: 51px; }
  .home-page .mv-component-illustration { top: 173px; right: 20px; width: 52%; }
  .home-page .mv-component-illustration img { height: 120px; }
  .home-page .mv-brand-stage { padding-inline: 40px; }
  .home-page .mv-preview-bottom > span:last-child { display: block; }
  .home-page .home-direction-card .home-card-copy h3 { font-size: 30px; line-height: 35px; }
  .home-page #kierunki .home-direction-card .home-status { font-size: 14px !important; }
  .home-page .home-social-preview { min-height: 0; padding-top: 74px; }
}
@media (max-width: 767px) { .home-page { --mv-inset: 20px; } }
@media (max-width: 600px) {
  .home-page .lab-library-head,
  .home-page .home-template-head,
  .home-page #kierunki > .home-section-head { min-height: 325px; padding-inline: 4px; }
  .home-page .lab-library-head h2,
  .home-page .home-template-head h2,
  .home-page #kierunki > .home-section-head h2 { font-size: clamp(35px, 9.2vw, 44px); line-height: 1.08; }
  .home-page .home-library-card .home-card-copy,
  .home-page .home-template-copy,
  .home-page .home-direction-card .home-card-copy { padding-inline: 24px; }
  .home-page .mv-preview-top { padding-inline: 24px; }
  .home-page .mv-preview-bottom { padding-inline: 24px; }
  .home-page .mv-preview-bottom > span:last-child { display: none; }
  .home-page .mv-component-stage { padding: 25px 24px; }
  .home-page .mv-component-heading > strong { font-size: 43px; }
  .home-page .mv-component-illustration { top: 173px; right: 2px; width: 53%; }
  .home-page .mv-component-illustration img { height: 120px; }
  .home-page .mv-component-action { bottom: 26px; left: 24px; }
  .home-page .mv-example-cta { font-size: 13px; gap: 10px; padding-inline: 10px; }
  .home-page .mv-brand-stage { padding-inline: 24px; column-gap: 30px; }
  .home-page .mv-logo-specimen img { width: 82%; max-width: 270px; }
  .home-page .mv-mark-specimen,
  .home-page .mv-type-specimen { width: 106px; }
}
@media (max-width: 359px) {
  .home-page { --mv-inset: 16px; }
  .home-page .home-library-card .home-card-copy,
  .home-page .home-template-copy,
  .home-page .home-direction-card .home-card-copy { padding-inline: 20px; }
  .home-page .mv-preview-top,
  .home-page .mv-preview-bottom { padding-inline: 20px; }
  .home-page .mv-component-stage { padding-inline: 20px; }
  .home-page .mv-component-heading > strong { font-size: 38px; }
  .home-page .mv-component-illustration { top: 173px; right: 0; width: 53%; }
  .home-page .mv-component-illustration > .mv-part-label { font-size: 13px; letter-spacing: -.035em; }
  .home-page .mv-component-action { left: 20px; }
  .home-page .mv-brand-stage { padding-inline: 20px; column-gap: 22px; }
  .home-page .mv-mark-specimen,
  .home-page .mv-type-specimen { width: 102px; }
}