.dialog-cont{background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999;position:fixed;left:0;top:0;width:100%;height:100%;padding:var(--v-pad) var(--h-pad)}.dialog{background-color:var(--bg-bright);border-radius:1em;box-shadow:0 5px 10px #0004;max-width:100%;max-height:100%;overflow:auto}header{position:fixed;width:100%;--bg-opacity: 0}#hero_sec{padding-block:200px 30px;width:100%;pointer-events:none;position:relative}#hero_sec .container{z-index:1}#hero_sec h1{pointer-events:all;font-size:2.5em;font-weight:400;line-height:1.3;text-shadow:1px 3px 20px black,-1px 3px 20px black}#hero_sec .container>div{gap:3.5em}#hero_popup{pointer-events:all;background-color:var(--primary);color:var(--on-primary);padding:1.5em 2em;border-radius:1em;--sel-bg: #212121;transition:opacity .3s;position:relative;overflow:hidden}#hero_popup .comp{text-transform:uppercase}#hero_popup .prod{font-size:2.2em;margin-bottom:.3em}#hero_popup .btn{text-transform:capitalize;font-size:.8em;--main-color: var(--primary-dark)}#hero_popup .overlay{gap:1em;padding:1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hero_popup .overlay.error{color:#ff0}#hero_popup .spinner{font-size:2.5em}#hero_img{position:absolute;left:0;top:0;width:100%;height:calc(100% + 150px);overflow:hidden;--img-offset: 100px}#hero_img>*{position:absolute;display:block;left:0;top:0;width:100%;height:100%}#hero_img .gradient{background:linear-gradient(to bottom,transparent 65%,#000);z-index:1}#hero_img .map-area{pointer-events:all;-webkit-mask-image:linear-gradient(to right,transparent 0%,black var(--img-offset),black calc(100% - var(--img-offset)),transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black var(--img-offset),black calc(100% - var(--img-offset)),transparent 100%)}#hero_img .loading{display:flex;align-items:center;justify-content:center}#hero_img .loading icon-spinner{font-size:5em;color:var(--primary)}#hero_img :is(.map-area,.draw-area){max-width:calc(var(--c-width) + var(--img-offset) * 2);width:calc(100% + var(--img-offset) * 2);left:50%;transform:translate(-50%)}#hero_img img{filter:blur(20px);object-fit:cover;transform:scale(1.1)}body{--h-pad-2: 40px;--v-pad-2: 40px;--fr2: 50%}#story_sec{padding-top:100px;pointer-events:none}#story_sec .one p{font-size:1.3em}#story_sec :is(.call>div,h2,p,.list){pointer-events:all}#story_sec .container{padding-inline:var(--h-pad-2);position:relative;z-index:1}#story_sec .call{position:absolute;right:var(--h-pad-2);left:var(--h-pad-2);top:-100px;text-align:right;justify-content:flex-end;transition:opacity .3s}#story_sec .call>div{padding:.7em 1.2em;background-color:var(--primary-dark);color:var(--on-primary);border-radius:0 0 .8em .8em;--sel-bg: #212121}#story_sec .call a{white-space:nowrap}#story_sec .list{justify-content:space-evenly;gap:3.5em 1.5em;position:relative;margin-top:3em;padding-bottom:4em}#story_sec .bg{position:absolute;--m: calc(var(--h-pad-2) * -1);left:var(--m);right:var(--m);bottom:0;border-radius:1.2em;background-color:#d7dad7;height:60%;z-index:-1}#story_sec .st-card{max-width:280px;flex:1 1 200px}.st-card{border-radius:1em;aspect-ratio:3/4;position:relative}.st-card .btn{position:absolute;bottom:0;left:50%;width:70%;transform:translate(-50%,50%);text-transform:uppercase;font-size:.9em}.st-card h3{position:absolute;left:1em;bottom:1.2em;font-size:1.5em;text-shadow:1px 1px #555,-1px 1px #555,-1px -1px #555,1px -1px #555}.st-card img{border-radius:1em;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover}@media (prefers-color-scheme: dark){#story_sec .bg{background-color:#314151}}@media (max-width:600px){#story_sec .call{justify-content:center;text-align:center}}@media (max-width:480px){#story_sec{padding-inline:0}#story_sec .bg{display:none}}#prod_sec{--v-pad: 0}#prod_sec p{max-width:800px;margin-inline:auto}#prod_sec .container{padding:var(--v-pad-2) var(--h-pad-2);border-radius:1.2em 1.2em 0 0;background-color:var(--bg-card);color:var(--fg-card)}#prod_sec .list{display:flex;flex-wrap:wrap;gap:1em;justify-content:space-evenly;margin-top:2em}.prod-card{border-radius:.8em;border:1px solid #aaa;display:flex;flex-direction:column;overflow:hidden}.prod-card img{display:block;aspect-ratio:1;object-fit:cover}.prod-card a{display:block;padding:1em 1.2em;flex-grow:1;font-weight:700;text-transform:capitalize;font-size:.9em;border-radius:0 0 .8em .8em;--o-off: -5px}#prod_sec .prod-card{max-width:190px;flex:1 1 150px}@media (max-width:480px){#prod_sec{padding-inline:0}#prod_sec .container{border-radius:0}}#contact_sec{background-color:var(--bg-card);color:var(--fg-card);--fr2: minmax(250px, .4fr)}.con-form{margin-top:1.5em;gap:1em}.con-form .row{gap:1em}.con-form .sec{display:flex;flex-direction:column;align-items:flex-start;gap:.2em}.con-form .sec :is(input,textarea){padding:.8em 1em;border:1px solid #ccc;width:100%}.con-form .btn{align-self:flex-start;background-color:var(--fg-card);color:var(--bg-card)}.deli-card{padding:10%;border:2px solid;border-radius:1em;gap:1em;align-self:center}.deli-card h2{font-weight:700;margin-bottom:0}.deli-card i-con{font-size:5em}@media (prefers-color-scheme: dark){.con-form .sec :is(input,textarea){border-color:#666}}#encore_banner{padding:2.5em;background-color:var(--primary);color:var(--on-primary);gap:1.5em;position:relative}#encore_banner .btn:not(.t){--main-color: var(--on-primary);--over-main: var(--primary);--br: 0;font-weight:700;box-shadow:5px 5px 12px #fffa;--pad-h: 1.2em}#encore_banner .logo{height:8em;max-width:100%;margin-bottom:1em}#encore_banner :is(h1,.btn){text-transform:uppercase}#encore_banner p{margin-top:4em}#encore_banner>.row{align-self:stretch;justify-content:space-around;gap:1em}#encore_banner .btn.close{position:absolute;right:calc(2em - var(--pad-h));top:calc(2em - var(--pad-v))}
