.hero-container{background-repeat:no-repeat;background-size:cover;overflow:hidden;padding-top:140px;height:100vh}.bg-word,.hero-container{width:var(--width-container)}.bg-word{left:0;font-size:14vw;font-weight:800;color:var(--links-color-overlay);text-align:center;line-height:1;pointer-events:none;opacity:1;padding-top:30px}.image{max-width:600px;height:350px;display:block;object-fit:contain;margin:50px auto 0}.dealer-title{font-size:8vw;font-weight:800;color:var(--links-color-overlay);width:var(--width-container);text-align:right;padding-right:100px}.marker{width:8px;height:8px;background-color:#0ff;box-shadow:0 0 4px rgba(0,240,255,.4)}.intro{color:var(--primary-color)}.hero-intro{gap:.5rem;font-size:var(--font-size);font-weight:300}.color-selector{margin-top:500px;left:20px;transform:translateY(-50%);gap:.5rem;z-index:1;border:1px solid #5d5d5dc2;padding:20px 10px 7px;border-radius:50px}.color-btn{width:20px;height:20px;border-radius:50%;border:1px solid #bababa;transition:.2s ease;margin-left:.5px}.color-btn:hover{transform:scale(1.2)}.color-cyan{background-color:#216ca1;box-shadow:0 0 6px rgba(0,149,255,.8)}.color-green{background-color:#277c57;box-shadow:0 0 6px rgba(3,203,103,.8)}.color-red{background-color:#9c3131;box-shadow:0 0 6px rgba(255,0,0,.8)}.color-purple{background-color:#5a4d93;box-shadow:0 0 6px rgba(170,0,255,.8)}.selector-hidden{max-height:0;opacity:0;transition:.3s ease-in-out;gap:.5rem}.arrow-btn{background-color:var(--background-transparent);border-style:none}.selector-hidden.visible{display:flex;opacity:1;max-height:500px;padding-bottom:10px;padding-left:1px}.visible .color-btn{cursor:pointer}.color-selector:has(.selector-hidden.visible) .arrow-btn svg{transform:rotate(180deg)}.bg-red{background-image:url(/background_4k.png)}.bg-green{background-image:url(/background_green.png)}.bg-purple{background-image:url(/background_purple.png)}.bg-cyan{background-image:url(/background_sky.png)}.hero-container{transition:background-image .4s ease-in-out,background-color .4s ease-in-out}.image{transition:opacity .4s ease-in-out;opacity:1}.image.fade-out{opacity:0}.marker-cyan{background-color:#0ff;box-shadow:0 0 4px rgba(0,240,255,.4)}.marker-green{background-color:#03cb67;box-shadow:0 0 4px rgba(3,203,103,.4)}.marker-red{background-color:red;box-shadow:0 0 4px rgba(255,0,0,.4)}.marker-purple{background-color:#a0f;box-shadow:0 0 4px rgba(170,0,255,.4)}@media screen and (max-width:600px){.image{display:flex;max-width:400px;height:280px;padding-bottom:2rem}.hero-container{padding-top:0}.dealer-title{padding-right:0;text-align:center}}@media screen and (max-width:450px){.image{height:200px}.color-selector{flex-direction:row;left:auto;padding:10px 20px;border-radius:30px;gap:0;margin-top:420px}.selector-hidden{flex-direction:row;max-width:0}.selector-hidden.visible{flex-direction:row;padding-left:10px;max-width:300px;padding-bottom:0}.arrow-btn{transform:rotate(-90deg);margin-left:6.6px}.arrow-btn svg{transition:transform .3s ease}.hero-container{background-size:cover;background-position:25%}}.header{padding:30px 100px;width:var(--width-container);z-index:2;background-color:var(--background-transparent)}.logo{gap:.5rem}.mp-logo{max-width:60px}.logo span{color:var(--links-hover-color);font-size:var(--logo-size);font-weight:var(--logo-weight)}.nav-list{gap:3rem}.links{color:var(--links-color);font-weight:var(--links-weight)}.links,.links:hover{transition:.3s ease-in-out}.links:hover{color:var(--links-hover-color)}.buttons{gap:3rem}.buttons button{font-size:16px;color:var(--links-hover-color);background-color:transparent;cursor:pointer}.buttons button:last-child{background-color:var(--links-hover-color);padding:11px 30px;color:#000;font-weight:500;border:1px solid transparent;transition:.3s ease-in-out}.buttons button:last-child:hover{background-color:var(--background-transparent);color:var(--links-hover-color);border:var(--buttons-border);transition:.3s ease-in-out}.hamburger{background-color:transparent;color:var(--primary-color);border-style:none;padding-top:5px}.buttons.visible,.nav-list.visible{display:flex}@media screen and (max-width:1070px){.header{padding-inline:10px}}@media screen and (max-width:900px){.buttons,.nav-list{display:none}.buttons.visible,.nav-list.visible{display:flex}.hamburger{display:block}.close{display:block;background-color:transparent;border-style:none;color:var(--primary-color);left:0;padding:2rem;cursor:pointer}.close,.nav-list{position:fixed;z-index:999;top:0}.nav-list{flex-direction:column;right:0;bottom:0;align-items:end;background-color:var(--background-menu-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 3rem;width:100%}.nav-list li{color:var(--links-color-overlay)}.buttons{position:fixed;flex-direction:column;z-index:999;right:0;bottom:0;gap:1rem;padding:2rem 3rem}.buttons button:first-child{border:var(--buttons-border);padding:11px 30px}}