/* Luxar conversion/readability refinement — 2026-10-08.
   Golden-ratio proportional rhythm (0.618 / 1.618), not a claim of measured conversion lift. */
.luxar-video-hero { isolation:isolate; }
.luxar-hero-video { image-rendering:auto; filter: contrast(1.045) saturate(1.035); transform:translateZ(0); }
.hero-content { text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
.hero-content .hero-title, .hero-content .hero-text, .hero-content .marketplace-label {
  text-shadow:0 1px 1px rgba(0,0,0,.24);
}
.hero-content > .container { max-width: min(100%, 1120px); }
.hero-content .hero-text { max-width: 68ch; margin-left:auto; margin-right:auto; line-height:1.618; }
.hero-content .hero-buttons { gap:clamp(12px,1.618vw,26px); }
.hero-content .hero-buttons a { position:relative; z-index:2; }
@media(max-width:767.98px) {
  .hero-content .hero-title { text-wrap:balance; }
  .hero-content .hero-text { line-height:1.55; }
}


/* 2026-10-12 — viewport-specific home showcase and video readability. */
.luxar-video-hero { position:relative; width:100%; overflow:hidden; background:#071e2d; }
.luxar-video-hero .luxar-hero-video { display:block; width:100%; height:auto; max-width:100%; object-fit:cover; object-position:center; }
.luxar-video-hero .luxar-hero-video--mobile { display:none; }
/* On desktop the original three-panel, panoramic video remains uncropped. */
@media (min-width:768px) {
  .luxar-video-hero .luxar-hero-video--desktop { display:block; width:100%; aspect-ratio:1920 / 650; object-fit:contain; }
  .luxar-video-hero .luxar-hero-video--mobile { display:none; }
}
/* Mobile gets a separately edited portrait showcase, rather than a compressed panorama. */
@media (max-width:767.98px) {
  .luxar-video-hero { height:clamp(420px, 115vw, 680px); min-height:420px; }
  .luxar-video-hero .luxar-hero-video--desktop { display:none; }
  .luxar-video-hero .luxar-hero-video--mobile { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
  .hero-content .hero-title { font-weight:500; text-shadow:0 2px 12px rgba(0,0,0,.3); }
  .hero-content .hero-text, .hero-content .marketplace-label { font-weight:400; line-height:1.6; }
}
@media (max-width:375px) { .luxar-video-hero { min-height:400px; height:112vw; } }
/* Sharpen perceived moving edges slightly without changing the product colors materially. */
.expertise-video-wrapper .expertise-video { filter:contrast(1.09) saturate(1.045); image-rendering:auto; }
/* Strong, comfortably readable headlines and descriptions beside each product clip. */
.expertise-copy .expertise-heading { font-weight:600; letter-spacing:-.012em; line-height:1.15; text-wrap:balance; }
.expertise-copy .expertise-text { font-size:clamp(16px,1.12vw,18px); line-height:1.75; font-weight:400; opacity:1; }
.expertise-copy .tag-chip { font-size:clamp(12px,.9vw,14px); font-weight:600; letter-spacing:.02em; line-height:1.45; }
.work-card .work-meta { position:relative; z-index:2; }
.work-card .work-title { font-weight:600; letter-spacing:.01em; line-height:1.25; text-shadow:0 1px 8px rgba(0,0,0,.18); }
.work-card .portfolio-btn { font-weight:700; opacity:1; }
@media (max-width:767.98px) {
  .expertise-copy .expertise-text { font-size:16px; line-height:1.7; }
  .expertise-copy .expertise-heading { overflow-wrap:normal; word-break:normal; }
  .work-card .work-title { font-size:clamp(20px,5vw,26px); }
  .work-card .portfolio-btn { font-size:14px; }
}