*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%}body{min-height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html,body{font-family:Arial,sans-serif;background-color:#e4e6d1;overflow-x:hidden;height:100%;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}ul{list-style-type:none;padding:0}.container{max-width:90rem;width:100%;margin:0 auto;padding:0 1rem}.hidden{display:none}.hero__container{margin-top:4.5rem;text-align:center}.hero__title{font-size:3rem;margin-top:17%;line-height:90%;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Special Gothic Expanded One,sans-serif;font-weight:400;font-style:normal;opacity:.95}@media(max-width:768px){.hero__title{margin-top:32%}}.hero__subtitle{font-size:1.5rem;color:#666;margin-top:.5rem}@media(max-width:768px){.hero__subtitle{margin-top:1rem}}.hero__cta{display:inline-block;margin-top:2rem;padding:1rem 2rem;background-color:#cee3e8;color:#28414c;text-decoration:none;text-transform:uppercase;border-radius:50px;font-size:1.25rem}.hero__cta:hover{background-color:#5fbcd3}.hero__video-container{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.hero__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%) scale(1.15);object-fit:cover;object-position:center center;opacity:.2;pointer-events:none}.configurator__wrapper{position:relative;width:100%;height:calc(100vh - 80px)}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}@media(max-width:768px){.configurator__wrapper{height:calc(100vh - 60px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.options-panel{position:fixed;top:8.5rem;right:2rem;z-index:5}.options-panel--open{background-color:#cee3e8e0;max-width:35rem;max-height:calc(100vh - 140px);width:90%;max-width:420px;box-shadow:0 4px 12px #00000026;padding:0;border-radius:.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.options-panel__toggle{background-color:#cee3e8;color:#28414c;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.25rem;font-weight:400;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .3s ease;animation:pulse 2s ease-in-out infinite}.options-panel__toggle:hover{background-color:#5fbcd3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.options-panel__close{position:absolute;top:1rem;right:1rem;background-color:transparent;border:none;color:#28414c;font-size:1.5rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:10}.options-panel__close:hover{background-color:#5fbcd3;color:#fff;transform:rotate(90deg)}@media(max-width:768px){.options-panel{top:auto;bottom:2rem;right:1rem;left:1rem}.options-panel--open{max-width:none;width:auto;max-height:60vh}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.options-panel__container{max-width:100%;padding:3rem 2rem 2rem;max-height:calc(100vh - 140px)}.options-panel__container::-webkit-scrollbar{width:6px}.options-panel__container::-webkit-scrollbar-track{background:transparent}.options-panel__container::-webkit-scrollbar-thumb{background:#28414c4d;border-radius:3px}.options-panel__container::-webkit-scrollbar-thumb:hover{background:#28414c80}.options-panel__categories-title{font-size:1.5rem;font-weight:700;color:#28414c;margin:0 0 1.5rem;text-transform:uppercase;text-align:center}.options-panel__categories-list{display:flex;flex-direction:column;gap:1rem;text-align:center}.options-panel__category-item,.options-panel__choice{border-radius:.5rem;padding:1rem 1.5rem;border:2px solid #28414c;transition:all .3s ease;cursor:pointer;background-color:#cee3e8;text-transform:uppercase;font-weight:600;font-size:1rem}.options-panel__category-item:hover,.options-panel__choice:hover{background-color:#5fbcd3;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.options-panel__category-title,.options-panel__choice-title{font-size:1.1rem;font-weight:600;color:#28414c;margin:0;text-transform:uppercase}.options-panel__header{margin-bottom:1.5rem}.options-panel__back-button{background:none;border:none;color:#28414c;font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem 0;transition:color .2s ease}.options-panel__back-button:hover{color:#5fbcd3}.options-panel__options-title{font-size:1.5rem;font-weight:600;color:#28414c;margin:0;text-transform:uppercase;text-align:center}.options-panel__option-choices{display:flex;flex-direction:column;gap:.75rem}.options-panel__choice:active,.options-panel__choice.active,.options-panel__choice--active{background-color:#5fbcd3;border-color:#5fbcd3}.options-panel__choice--with-image{padding:0;overflow:hidden}.options-panel__choice-image-wrapper{position:relative;width:100%}.options-panel__choice-image{width:100%;height:120px;object-fit:cover;display:block}.options-panel__choice-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(40,65,76,.95),transparent);color:#fff;padding:.75rem 1rem;font-size:.95rem;font-weight:600;text-transform:uppercase}.options-panel__choice-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.options-panel__choice-name{flex:1;text-align:left}.options-panel__info-wrapper{position:relative;display:inline-flex;align-items:center}.options-panel__info-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1rem;color:#28414c;cursor:help;transition:color .2s ease}.options-panel__info-icon:hover{color:#5fbcd3}.options-panel__tooltip{position:fixed;bottom:calc(100% + .5rem);right:0;background-color:#28414c;color:#fff;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:400;text-transform:none;white-space:normal;min-width:200px;max-width:250px;box-shadow:0 4px 8px #0003;opacity:0;transform:translateY(.25rem);transition:all .2s ease;pointer-events:none;z-index:10}.options-panel__tooltip:after{content:"";position:fixed;top:100%;right:.5rem;border:.375rem solid transparent;border-top-color:#28414c}.options-panel__info-wrapper:hover .options-panel__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.options-panel__color-picker{display:flex;flex-direction:column;gap:1.5rem}.options-panel__color-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#28414c1a;border-radius:.5rem}.options-panel__color-swatch{width:60px;height:60px;border-radius:.5rem;border:3px solid #28414c;box-shadow:0 2px 4px #0003}.options-panel__color-label{font-size:.95rem;font-weight:600;color:#28414c;text-transform:uppercase}.options-panel__color-presets{display:flex;flex-direction:column;gap:.75rem}.options-panel__presets-label{font-size:.9rem;font-weight:600;color:#28414c;text-transform:uppercase;margin:0}.options-panel__preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.75rem}.options-panel__preset-color{width:100%;aspect-ratio:1;border:3px solid #28414c;border-radius:.5rem;cursor:pointer;transition:all .3s ease;position:relative}.options-panel__preset-color:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.options-panel__preset-color--active{border-color:#5fbcd3;border-width:4px;box-shadow:0 0 0 2px #5fbcd3}.options-panel__custom-color{display:flex;flex-direction:column;gap:.5rem}.options-panel__custom-label{font-size:.9rem;font-weight:600;color:#28414c;text-transform:uppercase}.options-panel__color-input{width:100%;height:50px;border:3px solid #28414c;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.options-panel__color-input:hover{border-color:#5fbcd3;box-shadow:0 4px 8px #00000026}@media(max-width:768px){.options-panel__tooltip{min-width:180px;max-width:200px;font-size:.8rem}.options-panel__preset-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem}.options-panel__color-swatch{width:50px;height:50px}}.view-options-panel{position:fixed;top:8.5rem;left:5rem;z-index:5;background-color:#cee3e8e0;box-shadow:0 4px 12px #00000026;border-radius:.5rem;overflow:hidden}.view-options-panel__container{padding:.5rem}.view-options-panel__views{display:flex;flex-direction:row;gap:.5rem}.view-options-panel__view-button{background-color:#cee3e8;border:2px solid #28414c;border-radius:.375rem;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-weight:600;font-size:.85rem;color:#28414c;white-space:nowrap}.view-options-panel__view-button:hover{background-color:#5fbcd3;box-shadow:0 4px 8px #00000026}.view-options-panel__view-button--active{background-color:#5fbcd3;border-color:#5fbcd3;box-shadow:0 2px 6px #0000001a}@media(max-width:768px){.view-options-panel{left:50%;transform:translate(-50%)}}header{border-bottom:1px solid #28414c;position:sticky;top:0;z-index:100;background-color:#e4e6d1}.header__container{max-width:95rem;display:flex;justify-content:space-between;align-items:center;position:relative}.header__logo-img{max-width:12.5rem;width:100%;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.header__hamburger{display:none;flex-direction:column;gap:.375rem;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}@media(max-width:768px){.header__hamburger{display:flex}}.header__hamburger span{width:1.75rem;height:.2rem;background-color:#28414c;border-radius:.125rem;transition:all .3s ease}.header__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(.5rem,.5rem)}.header__hamburger.active span:nth-child(2){opacity:0}.header__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(.5rem,-.5rem)}.header__nav-list{display:flex;gap:2rem;margin:0;padding:0}@media(max-width:768px){.header__nav-list{flex-direction:column;gap:1rem;padding:2rem 0}}.header__nav-link{font-weight:400;font-size:1.25rem;text-transform:uppercase;background-color:#cee3e8;color:#28414c;padding:1rem 2rem;text-decoration:none;border-radius:50px;min-width:12rem;text-align:center;display:inline-block;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}@media(max-width:768px){.header__nav-link{width:100%;min-width:auto;border-radius:0}}.header__nav-link:hover,.header__nav-link.active{background-color:#5fbcd3}.header__spacer{display:block}@media(max-width:768px){.header__spacer{display:none}}@media(max-width:768px){.header__nav{position:fixed;top:0;right:-100%;width:70%;max-width:20rem;height:100vh;background-color:#cee3e8;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000;padding-top:5rem}.header__nav.active{right:0}}footer{text-align:center;position:relative;bottom:.5rem;width:100%}