@font-face{font-family:YekanBakh;src:local("YekanBakh"),local("Yekan Bakh");font-display:swap}
.va-hero{--va-accent:#e35d75;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;background:#090909;color:#f2ece5;direction:rtl;font-family:YekanBakh,"Yekan Bakh",Tahoma,sans-serif}
.va-hero *,.va-hero *::before,.va-hero *::after{box-sizing:border-box}
.va-hero a{color:inherit;text-decoration:none}.va-hero button{font:inherit}
.va-hero .va-shell{position:relative;max-width:1560px;min-height:790px;min-height:max(790px,100svh);margin:0 auto;padding:0 clamp(28px,5vw,80px);display:grid;grid-template-rows:84px 1fr 96px}
.va-hero .va-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 40%,#6d1b2f0b,transparent 47%)}
.va-hero .va-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff08}
.va-hero .va-identity{display:flex;align-items:center;gap:13px;font-size:11px;color:#b4a5ad}
.va-hero .va-mark{display:flex;gap:5px;align-items:center;width:16px;height:24px}
.va-hero .va-mark i{display:block;width:2px;height:12px;background:#d54f69;box-shadow:0 0 11px #e8456244}
.va-hero .va-mark i:last-child{height:23px;background:#ef97a7}
.va-hero .va-edition{font:8px Arial,sans-serif;letter-spacing:2.7px;color:#7c6c74}
.va-hero .va-main{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(24px,4vw,64px);padding:35px 0 30px;min-width:0}
.va-hero .va-copy{padding:0 0 0 12px;animation:va-enter .9s ease-out both}
.va-hero .va-eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;color:#bf9da9;margin:0 0 28px}
.va-hero .va-eyebrow span{width:20px;height:1px;background:#b74c67}
.va-hero h1{margin:0;font-family:inherit;font-size:clamp(62px,6.2vw,96px);font-weight:600;line-height:1.32;letter-spacing:0;color:#f2ece5}
.va-hero h1 em{font-style:normal;color:#e97b91;position:relative}
.va-hero h1 em::after{content:"";position:absolute;left:2px;right:3px;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,#dc5d77)}
.va-hero .va-description{font-size:13px;line-height:2.2;color:#a799a0;margin:28px 0 31px}
.va-hero .va-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.va-hero .va-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:56px;padding:15px 22px;border:1px solid transparent;border-radius:4px;font-size:12px;transition:background .2s,border-color .2s,transform .2s}
.va-hero .va-cta--primary{background:#efe8df;color:#27191f;box-shadow:0 7px 25px #0003}
.va-hero .va-cta--primary svg{width:18px;height:18px;fill:none;stroke:#983d55;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.va-hero .va-cta--secondary{border-color:#b0809226;color:#e4d0d9}
.va-hero .va-cta--secondary span:last-child{font:22px Arial,sans-serif;color:#c87791}
.va-hero .va-cta--primary:hover{background:#fff7ee}
.va-hero .va-cta--secondary:hover{background:#da547512;border-color:#bd5c7866}
.va-hero .va-cta[aria-disabled=true]{cursor:default}
.va-hero .va-note{display:flex;align-items:center;gap:9px;font-size:9px;color:#897680;margin-top:30px}
.va-hero .va-note>span{width:3px;height:3px;background:#a5546e;border-radius:50%}
.va-hero .va-showroom{min-width:0;width:100%;margin:0;direction:ltr;align-self:center;animation:va-enter 1.3s ease-out both}
.va-hero .va-viewport{position:relative;aspect-ratio:1;overflow:hidden;border-radius:5px;isolation:isolate;background:#090909}
.va-hero .va-art{position:absolute;inset:0;transform:translate(0,0) scale(1);transform-origin:50% 50%;transition:transform 1s cubic-bezier(.2,.7,.15,1);will-change:transform}
.va-hero .va-art img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;margin:0;padding:0;border:0}
.va-hero .va-art picture{display:block;width:100%;height:100%}
.va-hero[data-view=lighting] .va-art{transform:translate(0,16%) scale(1.6)}
.va-hero[data-view=linear] .va-art{transform:translate(0,-1%) scale(2.3)}
.va-hero[data-view=electrical] .va-art{transform:translate(0,-43%) scale(2)}
.va-hero .va-art-fade{position:absolute;inset:-1px;z-index:2;pointer-events:none;background:linear-gradient(0deg,#090909 0%,transparent 12%,transparent 89%,#090909 100%),linear-gradient(90deg,#090909 0%,transparent 7%,transparent 93%,#090909 100%)}
.va-hero .va-viewport::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 15% 60%,#e53b6110,transparent 45%);animation:va-breathe 8s ease-in-out infinite}
.va-hero .va-corner{position:absolute;z-index:3;width:25px;height:25px;pointer-events:none;opacity:.5}
.va-hero .va-corner--top{top:8%;left:4%;border-top:1px solid #ac697f;border-left:1px solid #ac697f}
.va-hero .va-corner--bottom{bottom:8%;right:4%;border-bottom:1px solid #ac697f;border-right:1px solid #ac697f}
.va-hero .va-floating-label{position:absolute;z-index:4;top:6%;right:5%;display:flex;align-items:center;gap:8px;background:#100c0fc9;border:1px solid #d98ba51c;border-radius:30px;padding:8px 12px;font-size:9px;color:#d8b8c5;direction:rtl;pointer-events:none}
.va-hero .va-floating-label i{width:4px;height:4px;border-radius:50%;background:#d96586}
.va-hero .va-reset{position:absolute;bottom:7%;left:6%;z-index:4;display:flex;align-items:center;gap:8px;direction:rtl;background:#100c0fe8;border:1px solid #e8aec33d;border-radius:4px;color:#ead4dd;font-size:10px;padding:10px 13px;cursor:pointer;min-height:40px}
.va-hero .va-reset[hidden]{display:none}.va-hero .va-reset:hover{border-color:#d46a8b}
.va-hero .va-hotspots button{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;box-shadow:none;cursor:pointer;z-index:1;direction:rtl}
.va-hero .va-hotspots button>i{display:block;width:17px;height:17px;border-radius:50%;border:1px solid #fff9;background:#24171eb3;box-shadow:0 0 0 5px #140e1355;position:relative;transition:transform .2s}
.va-hero .va-hotspots button>i::before,.va-hero .va-hotspots button>i::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:1px;background:#fff;transform:translate(-50%,-50%)}
.va-hero .va-hotspots button>i::after{transform:translate(-50%,-50%) rotate(90deg)}
.va-hero .va-hotspots button>span{position:absolute;top:44px;white-space:nowrap;padding:7px 10px;border-radius:3px;background:#160f14e8;color:#eddce4;font-size:10px;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none}
.va-hero .va-hotspots button:hover>span,.va-hero .va-hotspots button:focus-visible>span{opacity:1;transform:none}
.va-hero .va-hotspots button:hover>i{transform:scale(1.15)}
.va-hero:not([data-view=all]) .va-hotspots{visibility:hidden;pointer-events:none}
.va-hero .va-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 5% 0;direction:rtl;font-size:10px;color:#a6919d;min-height:42px}
.va-hero .va-counter{font-size:9px;color:#816574;white-space:nowrap}
.va-hero .va-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff0f}
.va-hero .va-explore{display:flex;align-items:center;gap:28px}
.va-hero .va-explore-label{font-size:9px;color:#91717f}
.va-hero .va-views{display:flex;align-items:center;gap:5px}
.va-hero .va-views button{position:relative;background:transparent;border:1px solid transparent;border-radius:30px;box-shadow:none;padding:10px 17px;min-height:42px;font-size:11px;color:#9d828f;cursor:pointer;line-height:1.7;transition:background .2s,color .2s,border-color .2s}
.va-hero .va-views button[aria-pressed=true]{color:#f1dde6;background:#bd587a10;border-color:#c9849d40}
.va-hero .va-views button:hover{color:#ecc4d5}
.va-hero .va-motion{display:flex;align-items:center;gap:9px;padding:10px 0;background:transparent;border:0;box-shadow:none;font-size:9px;color:#92727f;cursor:pointer;min-height:42px}
.va-hero .va-motion-icon{font:12px Arial,sans-serif;width:12px;text-align:center}
.va-hero .va-motion[hidden]{display:none}
.va-hero a:focus-visible,.va-hero button:focus-visible{outline:2px solid #df8ca9;outline-offset:5px}
.va-hero[data-still=true] .va-viewport::after{animation-play-state:paused}
@keyframes va-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes va-breathe{0%,100%{opacity:.25}50%{opacity:1}}
@media(min-width:1700px){.va-hero .va-main{gap:80px}.va-hero .va-shell{min-height:940px}}
@media(min-width:761px) and (max-width:1100px){.va-hero .va-main{grid-template-columns:1fr 1.1fr;gap:12px}.va-hero h1{font-size:60px}.va-hero .va-cta{font-size:10px;gap:16px;padding:14px 16px}.va-hero .va-description{font-size:12px}.va-hero .va-copy{padding:0}.va-hero .va-explore{gap:16px}.va-hero .va-views button{padding:10px 13px}}
@media(max-width:760px){.va-hero .va-shell{min-height:0;grid-template-rows:auto auto auto;padding:0 24px}.va-hero .va-header{min-height:75px}.va-hero .va-identity{font-size:9px;gap:10px}.va-hero .va-edition{font-size:6px;letter-spacing:1px;max-width:100px;line-height:1.8;text-align:left}.va-hero .va-main{grid-template-columns:1fr;gap:30px;padding:48px 0 25px}.va-hero .va-copy{text-align:center;padding:0}.va-hero .va-eyebrow{justify-content:center;font-size:10px;margin-bottom:22px}.va-hero h1{font-size:clamp(58px,12vw,78px);line-height:1.27}.va-hero .va-description{font-size:12px;margin:22px 0 26px}.va-hero .va-actions{justify-content:center;gap:10px}.va-hero .va-cta{font-size:11px;padding:14px 18px;gap:24px;min-height:52px}.va-hero .va-note{justify-content:center;margin-top:23px;font-size:9px}.va-hero .va-showroom{max-width:510px;margin:0 auto}.va-hero .va-caption{font-size:9px;line-height:1.8;padding-top:8px}.va-hero .va-counter{font-size:8px}.va-hero .va-footer{flex-wrap:wrap;justify-content:center;gap:4px;padding:18px 0}.va-hero .va-explore{width:100%;flex-direction:column;gap:12px}.va-hero .va-views{justify-content:center;gap:2px;width:100%}.va-hero .va-views button{padding:9px 12px;font-size:10px}.va-hero .va-motion{font-size:8px}.va-hero .va-floating-label{font-size:8px;padding:7px 10px}.va-hero .va-hotspots button>span{font-size:9px}}
@media(max-width:359px){.va-hero .va-shell{padding:0 16px}.va-hero .va-cta{padding:13px 15px;gap:17px;font-size:10px}.va-hero .va-views button{padding:9px 10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.va-hero *,.va-hero *::before,.va-hero *::after{animation:none!important;transition:none!important;will-change:auto!important}}

.va-hero .va-viewport{aspect-ratio:1.75}.va-hero .va-art img{object-fit:contain}.va-hero[data-view=lighting] .va-art{transform:translate(0,8%) scale(1.35)}.va-hero[data-view=linear] .va-art{transform:translate(0,-1%) scale(1.7)}.va-hero[data-view=electrical] .va-art{transform:translate(0,-12%) scale(1.55)}