/* /vision_website/static/src/css/homepage.css */
 .vision-hero{position: relative; min-height: 50vh; display: flex; align-items: flex-start; background-color: var(--vision-dark); overflow: hidden;}@media (min-width: 992px){.vision-hero{min-height: 100vh;}}.vision-hero-video-bg{position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden;}.vision-hero-video-bg iframe{position: absolute; top: 50%; left: 50%; width: 177.78vh; height: 56.25vw; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); opacity: 0.55; border: 0; pointer-events: none;}.vision-hero-video-overlay{position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(10,13,20,0.3) 0%, rgba(10,13,20,0.55) 60%, rgba(10,13,20,0.75) 100% ); z-index: 1; pointer-events: none;}.vision-hero::before, .vision-hero::after{content: none;}.vision-hero-inner{position: relative; z-index: 2; padding: 10rem 0 5rem; text-align: center;}.vision-hero-badge{display: inline-block; font-size: 0.7rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--vision-accent); border: 1px solid var(--vision-border); padding: 0.3rem 0.9rem; border-radius: 50px; margin-bottom: 1.5rem;}.vision-hero h1{font-size: clamp(2.8rem, 7vw, 5.5rem); font-weight: 800; font-style: italic; line-height: 1.1; margin-bottom: 1.5rem; color: var(--vision-text); text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(0, 0, 0, 0.45);}.vision-hero-scroll{position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; color: var(--vision-muted); font-size: 0.75rem; letter-spacing: 1px; text-transform: uppercase; animation: vision-bounce 2s infinite;}.vision-hero-scroll i{font-size: 1.2rem;}@keyframes vision-bounce{0%, 100%{transform: translateX(-50%) translateY(0);}50%{transform: translateX(-50%) translateY(6px);}}.vision-nav-category-section{min-height: 100vh; background: linear-gradient(180deg, #000 0%, #000 30%, #313131 70%); display: flex; flex-direction: column; position: relative;}@media (min-width: 768px) and (max-width: 991px){.vision-nav-category-section{min-height: 50vh;}}@media (max-width: 767px){.vision-nav-category-section{min-height: 100vh; padding-bottom: 3rem;}}.vision-nav-category-section .container.vision-category-search-bar, .vision-nav-category-section .vision-category-tiles{flex-shrink: 0;}.vision-nav-category-section .vision-category-tiles{margin-top: auto; margin-bottom: auto;}.vision-nav-category-section .o_vision_header{background-color: transparent !important; flex-shrink: 0; position: static !important; border-bottom: none !important;}.vision-nav-category-section .o_vision_navbar, .vision-nav-category-section .o_vision_nav_container{height: clamp(140px, 14vw, 192px);}.vision-nav-category-section .o_vision_logo img, .vision-nav-category-section .o_vision_logo span img{height: clamp(60px, 6.5vw, 88px) !important;}.vision-nav-category-section .o_vision_nav_menu > li > a, .vision-nav-category-section .o_vision_nav_menu .nav-link{font-size: clamp(1.05rem, 2vw, 1.5rem); padding: clamp(0.5rem, 1.3vw, 0.75rem) clamp(1rem, 2.2vw, 1.5rem);}.vision-nav-category-section .vision-nav-icon{width: clamp(42px, 5.5vw, 60px); height: clamp(42px, 5.5vw, 60px); font-size: clamp(1rem, 1.8vw, 1.4rem);}.vision-nav-category-section .o_vision_nav_right{gap: clamp(0.5rem, 1.3vw, 0.85rem);}@media (max-width: 991px){.vision-nav-category-section .o_vision_mobile_navbar, .vision-nav-category-section .o_vision_mobile_container{height: 120px;}.vision-nav-category-section .o_vision_mobile_container .o_vision_logo img, .vision-nav-category-section .o_vision_mobile_container .o_vision_logo span img{height: 68px !important;}.vision-nav-category-section .o_vision_mobile_toggle{font-size: 1.6rem; padding: 0.5rem 0.85rem;}}.vision-intro-section{min-height: 100vh; background-color: #313131; background-image: url('/vision_website/static/src/img/2.webp'); background-size: cover; background-position: center; display: flex; align-items: center; position: relative;}@media (min-width: 768px) and (max-width: 991px){.vision-intro-section{min-height: 50vh; padding: 4rem 0;}}@media (max-width: 767px){.vision-intro-section{min-height: 50vh; padding: 4rem 0;}}.vision-intro-row > .col-lg-6:last-child{padding-right: clamp(0.85rem, 4.8vw, 60px);}@media (max-width: 991px){.vision-intro-row > .col-lg-6:last-child{padding-left: clamp(1rem, 7.2vw, 120px);}}.vision-intro-row{padding-top: 2rem;}.vision-intro-heading{font-size: clamp(2.5rem, 7vw, 100px); font-weight: 800; font-style: italic; line-height: 1.15; margin: 0; padding-left: clamp(1rem, 7.2vw, 120px); color: var(--vision-text);}.vision-intro-row p{font-size: clamp(1rem, 1.6vw, 1.45rem); line-height: 1.55; font-family: 'Arimo', sans-serif; color: #ffffff; margin-bottom: 1.25rem;}.vision-explore-more-btn{margin-top: 0.5rem;}@media (max-width: 767px){.vision-intro-row{text-align: left;}.vision-intro-row .col-lg-5{margin-bottom: 1.5rem;}}.vision-banner-section{position: relative; background-color: var(--vision-dark);}.vision-banner-slide{background-color: #2c2c2c; background-image: url('/vision_website/static/src/img/1.webp'), radial-gradient(ellipse 55% 60% at 72% 34%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 45%, rgba(255,255,255,0) 72%), linear-gradient(180deg, #3a3a3a 0%, #333333 58%, #232323 63%, #2b2b2b 100%); background-size: cover, cover, cover; background-position: center, center, center;}.vision-banner-slide{position: relative; width: 100%; display: flex; align-items: center; overflow: hidden; padding: 3rem 0;}@media (min-width: 992px){.vision-banner-slide{min-height: calc(min(34vw, 54vh) + 2 * clamp(1rem, 2vw, 1.75rem));}}.vision-banner-image-placeholder{position: absolute; top: 50%; right: clamp(1rem, 5vw, 96px); transform: translateY(-50%); z-index: 2; width: min(34vw, 54vh); aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; padding: clamp(1rem, 2vw, 1.75rem); background: none; border-radius: 0; overflow: visible; pointer-events: none;}.vision-banner-image-placeholder i{font-size: 5rem; color: var(--vision-muted);}.vision-banner-image-placeholder img{width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.55));}.vision-banner-slide::after{content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(14,16,20,0.70) 0%, rgba(14,16,20,0.52) 42%, rgba(14,16,20,0.22) 72%, rgba(14,16,20,0.05) 100%); pointer-events: none;}.vision-banner-inner{position: relative; z-index: 3; width: 100%;}.vision-banner-inner .row{display: flex; flex-direction: column; justify-content: center;}.vision-banner-inner .row .vision-banner-text{width: 100%; flex: 0 0 auto;}@media (min-width: 992px){.vision-banner-inner .row .vision-banner-text{padding-left: clamp(1rem, 7.2vw, 120px);}}.vision-banner-inner .row .vision-banner-spec{text-align: left;}@media (max-width: 991px){.vision-banner-inner .row{align-items: center; text-align: center; min-height: 0;}.vision-banner-inner .row .vision-banner-text{max-width: 640px;}.vision-banner-specs{margin-left: auto; margin-right: auto;}}@media (max-width: 767px){.vision-banner-specs{padding-left: 30px;}}.vision-banner-eyebrow{font-style: italic; font-size: 1.3rem; color: #ffffff; margin-bottom: 0.5rem;}.vision-banner-title{font-size: clamp(2.8rem, 5.5vw, 4.4rem); font-weight: 800; font-style: italic; margin-bottom: 0.5rem;}#wrapwrap .vision-banner-title{color: #62a3cb !important;}.vision-banner-tagline{font-size: clamp(0.95rem, 1.5vw, 1.3rem); color: #ffffff; font-weight: 600; margin-top: 0.35rem; margin-bottom: 2.25rem;}.vision-banner-specs{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 2.5rem; margin-bottom: 2.5rem; max-width: 560px;}.vision-banner-spec{display: flex; align-items: flex-start; gap: 0.85rem;}.vision-banner-spec i{font-size: 1.7rem; color: var(--vision-accent); margin-top: 0.2rem; flex-shrink: 0;}.vision-banner-spec div{display: flex; flex-direction: column; gap: 0.2rem;}.vision-banner-spec span{font-size: 0.95rem; color: rgba(255, 255, 255, 0.82); font-weight: 400; line-height: 1.35;}.vision-banner-spec strong{font-size: 1.05rem; color: #ffffff; font-weight: 700;}@media (max-width: 991px){.vision-banner-image-placeholder{display: none;}}.vision-banner-carousel .carousel-control-prev, .vision-banner-carousel .carousel-control-next{width: 8%; opacity: 1;}.vision-banner-arrow{display: inline-block; color: #ffffff; font-size: 56px; font-weight: 400; line-height: 1; transform: scaleY(1.6); text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);}@media (max-width: 767px){.vision-banner-slide{padding: 3rem 0;}.vision-banner-slide::after{background: linear-gradient(180deg, rgba(10,13,20,0.55) 0%, rgba(10,13,20,0.88) 55%, rgba(10,13,20,0.95) 100%);}.vision-banner-specs{grid-template-columns: 1fr; max-width: none;}.vision-banner-arrow{font-size: 36px;}}.vision-featured-section{background-color: #262626; position: relative; overflow: hidden; display: flex; align-items: center; height: 120vh;}.vision-featured-inner{padding: 3rem 0;}.vision-featured-header{display: flex; align-items: baseline; gap: 2.25rem; flex-wrap: wrap; margin-bottom: 7.5rem; padding-left: clamp(1rem, 7.2vw, 120px);}.vision-featured-tab{appearance: none; background: none; border: 0; padding: 0; margin: 0; font-style: italic; font-size: clamp(1.2rem, 2.1vw, 1.85rem); font-weight: 700; color: #ffffff; cursor: pointer; transition: color 0.2s ease;}.vision-featured-tab.is-active{color: var(--vision-blue);}.vision-featured-tab:focus-visible{outline: 2px solid var(--vision-blue); outline-offset: 4px; border-radius: 2px;}.vision-featured-products-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 260px)); gap: 4rem 7.5rem; margin-bottom: 2.5rem; padding-left: clamp(1rem, 7.2vw, 120px); overflow: visible;}.vision-product-card{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; aspect-ratio: 1.2 / 1; width: 100%; background-color: #545454; border: none; border-radius: 12px; padding: 0 1rem 1rem; text-decoration: none !important; transform-origin: center; transition: transform 300ms ease-out, background-color 300ms ease-out;}.vision-product-card:hover, .vision-product-card:focus{background-color: #020913; transform: scale(1.25); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); z-index: 10;}.vision-product-card-img{position: absolute; top: -12%; left: 50%; transform: translateX(-50%); width: 62%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background-color: transparent;}.vision-product-card-img img{width: 130%; height: 130%; object-fit: contain; transform: translateY(-40px); filter: drop-shadow(0 14px 16px rgba(0, 0, 0, 0.45));}.vision-product-card-body{display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center;}.vision-product-card-name{font-size: 0.95rem; font-weight: 700; font-style: italic; color: #ffffff !important; margin: 0;}.vision-product-card .vision-product-category-badge{display: inline-block; width: fit-content; background-color: var(--vision-blue-solid); border: none; color: #ffffff; font-size: 0.7rem; font-weight: 500; text-transform: none; border-radius: 10px; padding: 0.35rem 0.9rem; margin-bottom: 0; white-space: nowrap;}.vision-featured-explore-btn{margin-top: 0; margin-left: clamp(1rem, 7.2vw, 120px);}@media (max-width: 991px){.vision-featured-section{height: auto; min-height: calc(100vh - var(--vision-header-height-mobile, 60px)); overflow: visible; padding: 3rem 0;}.vision-featured-products-grid{grid-template-columns: repeat(2, minmax(0, 260px));}}@media (max-width: 767px){.vision-featured-header{padding-left: 0; justify-content: center; text-align: center;}.vision-featured-products-grid{grid-template-columns: minmax(0, 260px); gap: 2.5rem; padding-left: 0; justify-content: center;}.vision-featured-explore-btn{margin-left: auto; margin-right: auto; display: flex; width: fit-content;}}.vision-featured-section .s_dynamic_snippet_products, .vision-featured-section .s_dynamic_snippet_products .s_dynamic_snippet_title, .vision-featured-section .s_dynamic_snippet_products .s_dynamic_snippet_content{background-color: transparent !important; color: var(--vision-text) !important;}.vision-featured-section .s_dynamic_snippet_products h2, .vision-featured-section .s_dynamic_snippet_products .h3{color: var(--vision-text) !important;}.vision-featured-section .s_dynamic_snippet_products a{color: var(--vision-accent) !important;}.vision-lighting-action-section{position: relative; background-color: var(--vision-dark);}.vision-lighting-action-carousel, .vision-lighting-action-carousel .carousel-inner, .vision-lighting-action-carousel .carousel-item{height: calc(100vh - var(--vision-header-height-mobile, 60px));}@media (min-width: 992px){.vision-lighting-action-carousel, .vision-lighting-action-carousel .carousel-inner, .vision-lighting-action-carousel .carousel-item{height: 100vh;}}.vision-lighting-action-slide{height: 100%; min-height: 100%; width: 100%; display: flex; align-items: center; overflow: hidden;}.vision-lighting-action-placeholder{position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%;}.vision-lighting-action-placeholder img{width: 100%; height: 100%; object-fit: cover;}.vision-lighting-action-slide::after{content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(10,13,20,0.35) 0%, rgba(10,13,20,0.25) 50%, rgba(10,13,20,0.75) 100%); pointer-events: none;}.vision-lighting-action-inner{position: relative; z-index: 2; width: 100%; min-height: 82vh; display: flex; flex-direction: column; text-align: center;}.vision-lighting-action-heading{font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 800; font-style: italic; line-height: 1.1; color: #ffffff; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(0, 0, 0, 0.45); margin: auto 0;}.vision-lighting-action-caption{display: flex; flex-direction: column; align-self: flex-end; align-items: flex-end; text-align: right; max-width: min(90%, 520px); margin-top: 0;}.vision-lighting-action-caption strong{font-style: italic; font-size: 1.3rem; font-weight: 700; color: #ffffff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);}.vision-lighting-action-caption span{font-size: clamp(0.85rem, 1.2vw, 1rem); font-weight: 600; color: #ffffff;}.vision-lighting-action-carousel .carousel-control-prev, .vision-lighting-action-carousel .carousel-control-next{width: 8%; opacity: 1;}@media (max-width: 991px){.vision-lighting-action-carousel, .vision-lighting-action-carousel .carousel-inner, .vision-lighting-action-carousel .carousel-item{height: 50vh;}.vision-lighting-action-slide{padding: 3rem 0;}.vision-lighting-action-inner{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 0; text-align: center;}.vision-lighting-action-heading{margin: 0;}.vision-lighting-action-caption{align-self: center; align-items: center; text-align: center; margin-top: 1.5rem;}}.vision-hero-video-bg{background: url('/vision_website/static/src/img/hero-poster.webp') center / cover no-repeat;}.vision-hero-video-bg iframe:not([src]), .vision-product-video-bg iframe:not([src]){visibility: hidden;}