.home-carousel { position:relative; overflow:hidden; }
.home-slide { min-height:430px; padding:3rem 4.5rem; }
.home-slide[hidden] { display:none!important; }
.home-brand { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5rem; }
.home-promotion { display:flex; align-items:center; }
.home-promo-grid { width:min(1120px,100%); margin:auto; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4rem; }
.home-promo-label { font-size:.8rem; color:#0891b2; margin-bottom:1.25rem; font-weight:600; }
.home-promo-copy h2 { font-size:clamp(1.75rem,3vw,2.75rem); line-height:1.2; font-weight:700; }
.home-promo-text { font-size:.95rem; line-height:1.85; color:#6b7280; margin:1.5rem 0 2rem; }
.home-promo-grid picture { min-width:0; }
.home-promo-grid img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:1rem; border:1px solid #e5e7eb; }
.home-promo-button { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; background:linear-gradient(to right,#06b6d4,#2563eb); color:white; padding:1rem 2rem; font-size:.875rem; font-weight:700; border-radius:999px; transition:transform .2s,box-shadow .2s; }
.home-promo-button:hover { transform:translateY(-2px); box-shadow:0 8px 24px #06b6d433; }
html.dark .home-promo-text { color:#9ca3af; }
html.dark .home-promo-label { color:#22d3ee; }
html.dark .home-promo-grid img { border-color:#1f2937; }
@media(max-width:700px) {
  .home-slide { min-height:370px; padding:2rem 3rem; }
  .home-promo-grid { grid-template-columns:1fr; gap:1.5rem; max-width:480px; }
  .home-promo-copy h2 { font-size:1.75rem; }
  .home-promo-text { font-size:.875rem; margin:1rem 0 1.25rem; }
  .home-promo-grid img { aspect-ratio:16/8; }
  .home-promo-label { margin-bottom:.75rem; }
  .home-brand > .flex { gap:.5rem; }
  .home-brand .tracking-\[6px\] { letter-spacing:3px; }
  .home-promo-button { padding:.85rem 1.5rem; }
}
@media(prefers-reduced-motion:reduce) { .home-promo-button { transition:none; } }

.home-promo-grid img { max-height:300px; }
.carousel-arrow { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:48px; z-index:5; border-radius:999px; border:1px solid #cbd5e1; background:#ffffffed; color:#0284c7; font-size:2rem; line-height:1; box-shadow:0 3px 15px #0f172a0d; }
.carousel-arrow:hover { color:white; background:#0891b2; border-color:#0891b2; }
.carousel-arrow:focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
.carousel-prev { left:16px; } .carousel-next { right:16px; }
html.dark .carousel-arrow { background:#111827ed; border-color:#374151; color:#67e8f9; }
@media(max-width:700px) { .carousel-prev { left:5px; } .carousel-next { right:5px; } .carousel-arrow { width:32px; height:40px; } .home-promo-grid img { max-height:180px; } .home-brand { gap:1rem; } }

@media(max-width:700px) { .home-slide { min-height:430px; padding:1.5rem 3rem; } .home-promo-grid img { max-height:125px; } .home-promo-copy h2 { font-size:1.5rem; } .home-promo-text { font-size:.825rem; line-height:1.65; margin:.75rem 0 1rem; } .home-promo-label { margin-bottom:.5rem; } }