/* Voyager overrides (2026-09-28, after owner review): tighter layout, no divider lines,
   more breathing room at the edges. Loaded after the template CSS; delete this file to undo. */
:root { --va-pad: clamp(20px, 4vw, 56px); }

/* Divider lines: gone */
.hero-lines-grid, .footer-lines-grid { display: none !important; }
.highlight-item, .highlight-items { border-color: transparent !important; }

/* Top sections: compact, text away from the edges */
.hero-content { padding: 48px var(--va-pad) 48px; }
.hero-content.compact-hero-content { padding-top: 72px; }
.hero-section.mobile-hero-full { height: auto; min-height: 0; }

/* Less empty space between sections */
.section-top-padding { padding-top: clamp(56px, 7vw, 104px); }
.section-bottom-padding { padding-bottom: clamp(56px, 7vw, 104px); }

/* Photo blocks: sized to their content instead of full screen height
   (the fixed 100vh height let the next section ride up over them) */
.blocks-section.about-blocks, .blocks-section.navigation-cards-section,
.blocks-section.first-project-image, .blocks-section.services-images-blocks { height: auto; min-height: 0; }
.about-blocks-grid { min-height: clamp(360px, 52vh, 560px); }
.about-video-block { min-height: clamp(300px, 52vh, 560px) !important; }
.service-block-image { min-height: clamp(220px, 26vh, 300px); }
.service-block-image.big-image { min-height: clamp(300px, 52vh, 604px); }
.navigation-card { min-height: clamp(300px, 40vh, 440px); height: auto; padding: 56px var(--va-pad); }
.about-banner { height: auto; min-height: 0; padding: 72px var(--va-pad); }
.hero-image { height: clamp(300px, 50vh, 560px); }

/* Big stat numbers: the tight 88% line height clipped the tops */
.large-value { line-height: 1.02; }

/* Footer: padded, compact */
.footer-block { padding: 40px var(--va-pad) 28px; grid-row-gap: 40px; }
.footer-content { grid-row-gap: 40px; }

@media (max-width: 991px) {
  .about-video-block { min-height: 360px !important; height: 360px; }
  .about-image-block { height: 320px; }
  .service-block-image { height: 300px; }
  .service-block-image.big-image { height: 400px; }
  .navigation-card { height: auto; min-height: 320px; }
}

/* Numbered lists (stats, services "what we watch", offer package/days/FAQ):
   smaller numbers, readable text, no dead space between title and text */
.highlight-items { grid-row-gap: 8px; padding-bottom: 8px; }
.highlight-item { grid-template-columns: minmax(140px, 1fr) 2fr; align-items: start; padding: 20px 0; }
.large-value { font-size: clamp(56px, 6vw, 96px); letter-spacing: -0.03em; }
.highlight-value-wrapper { overflow: visible; }
.highlight-info { justify-content: flex-start; max-width: 560px; grid-row-gap: 8px; padding: 6px 0 0; }
.highlight-info .regular-s { font-size: 16px; line-height: 1.55; }

/* Top-section description: larger and wider, so the right column isn't a thin strip */
.hero-description .regular-s { font-size: 17px; line-height: 1.6; max-width: 460px; }

/* Offer page intake form: styled like the Contact form (it had no styling) */
.offer-form-card { background: var(--white); border-radius: 8px; max-width: 760px; margin: 0 auto 64px; padding: 40px var(--va-pad) 48px; color: var(--primary); }
.offer-form-card form { display: flex; flex-direction: column; }
.offer-form-card label { font-family: var(--va-head); text-transform: uppercase; font-size: 12px; font-weight: 500; letter-spacing: .02em; color: var(--black-opacity--70); margin: 20px 0 8px; }
.offer-form-card label:first-child { margin-top: 0; }
.offer-form-card .w-input, .offer-form-card .w-select, .offer-form-card textarea { background-color: var(--black-opacity--7); color: var(--primary); border: 1px solid transparent; border-radius: 8px; height: 56px; padding: 16px 20px; font-size: 16px; margin: 0; }
.offer-form-card textarea { height: auto; min-height: 140px; }
.offer-form-card .w-input:focus, .offer-form-card textarea:focus { border-color: var(--black-opacity--10); background-color: var(--black-opacity--10); }
.offer-form-card .w-input::placeholder, .offer-form-card textarea::placeholder { color: var(--black-opacity--50); }
.offer-form-card input[type="submit"] { margin-top: 32px; background-color: var(--primary); color: var(--white); border: 1px solid var(--primary); border-radius: 100px; padding: 18px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .04em; transition: background-color .2s, color .2s; }
.offer-form-card input[type="submit"]:hover { background-color: var(--white); color: var(--primary); }

@media (max-width: 767px) {
  .highlight-item { grid-template-columns: 1fr; padding: 12px 0; }
  .large-value { font-size: 56px; }
}
/* keep labels like "Day 2-3" on one line */
.large-value { white-space: nowrap; font-size: clamp(48px, 5vw, 84px); }
.highlight-item { grid-template-columns: clamp(150px, 22vw, 300px) 1fr; }
@media (max-width: 767px) { .highlight-item { grid-template-columns: 1fr; } .large-value { font-size: 52px; } }

/* Contact: tiles above the photo on the left, form full height on the right (no empty slot) */
.va-contact-left { display: flex; flex-direction: column; gap: 4px; }
.va-contact-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 4px; }
.va-contact-tiles .big-button { min-height: 180px; }
.va-contact-left .contact-block-image { flex: 1; min-height: 360px; height: auto; }
.contact-form { padding: 40px var(--va-pad) 48px; }
@media (max-width: 991px) {
  .va-contact-left { order: -1; }
  .va-contact-left .contact-block-image { display: none; }
}

/* Footer: the real logo instead of the placeholder symbol + text */
.va-footer-logo { width: 200px; height: auto; display: block; }

/* Big tiles (home, services, contact): headlines that pop */
.big-button .big-button-heading .medium-uppercase-s { font-size: clamp(20px, 1.7vw, 26px); font-weight: 700; line-height: 1.15; letter-spacing: .01em; }
.big-button .regular-s { font-size: 16px; line-height: 1.5; }
.big-button .big-button-heading-shape { width: 8px; height: 8px; }

/* The template blocked text selection on most content blocks; let people select and copy text */
.footer, .highlight-item, .faq-item, .icon-info-block, .info-items-wrapper, .service-card,
.project-info-card, .text-block, .regular-s.short-description-text, .big-button, .blur-icon-block {
  -webkit-user-select: text; user-select: text;
}
