@import url("//hello.myfonts.net/count/3021a5");
@font-face{font-family:'AntarticaBold';src:url("webfonts/AntarcticaBeta-ExtraBlack.woff2") format('woff2')}@font-face{font-family:'AntarticaMedium';src:url("webfonts/AntarcticaBeta-Medium.woff2") format('woff2')}section.cnt a,header#ct a,nav a,footer a{font:.9em 'AntarticaBold',sans-serif;color:#000;text-decoration:none;}section.cnt a:hover,header#ct a:hover,nav a:hover,footer a:hover,section.cnt a.nav-selected,header#ct a.nav-selected,nav a.nav-selected,footer a.nav-selected{text-decoration:underline}h2{font:.9em 'AntarticaBold',sans-serif;color:#000;font-size:4.5em;font-weight:600;line-height:.9em}h1{font:.9em 'AntarticaMedium',sans-serif;font-size:9em;margin:65px 0 0 0}hr{border:5px solid #fff}a.logo,aside#navicon,font fontStyle1{font-size:4em;text-decoration:none;color:#000;line-height:.8em;}a.logo:hover,aside#navicon:hover,font fontStyle1:hover{cursor:pointer;color:#f07e00 !important}nav#mfreutel ul li a{font-size:9em;text-decoration:none;line-height:.9em;}nav#mfreutel ul li a:hover,nav#mfreutel ul li a.nav-selected{line-height:.9em;font-size:9em;color:#f07e00}section#aboutme{margin-top:7.5%;padding-bottom:100px;}section#aboutme div.aboutmeitem{text-align:center;margin:0 16.666666666666668% 0 16.666666666666668%;}section#aboutme div.aboutmeitem h2{font:.9em 'AntarticaBold',sans-serif;font-size:4em;color:#f07e00;margin:5% 0 0 0}section#aboutme div.aboutmeitem p{font:.9em 'AntarticaMedium',sans-serif;color:#f07e00;font-size:1.1em;margin:0}section#aboutme div.aboutmeitem a{color:#f07e00;text-decoration:none;}section#aboutme div.aboutmeitem a:hover{border-bottom:2px solid #fff}::selection{background:#fff;color:#f07e00}::-moz-selection{background:#fff;color:#f07e00}body{position:static;background-color:#fff;padding:0;margin:0 0 0 20px;width:calc(100% - 40px);font:.9em 'AntarticaBold',sans-serif;height:auto;overflow-y:scroll;overflow-x:hidden;}body.lockscroll{position:fixed;height:100%}div.margins{position:fixed;display:none;top:0;left:20px;width:95%;z-index:10;}div.margins div.itemw{position:relative;float:left;width:8.333333333333334%;height:20px;box-shadow:inset 0 0 10px #0f0}a.logo{position:fixed;top:30px;left:20px;z-index:11}aside#navicon{position:fixed;right:20px;top:30px;z-index:100;}aside#logo{position:fixed;right:20px;top:30px;width:108px;height:36px;background-image:url("../images/logo.png");background-size:contain;background-repeat:no-repeat;z-index:3}aside#printscreensaver{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:#fff;background-image:url("../images/logo.png");background-size:10%;background-position:center;background-repeat:no-repeat;z-index:10}nav#mfreutel{position:fixed;width:100%;height:100%;z-index:10;display:none;top:0;}nav#mfreutel ul{position:absolute;margin:0;padding:0;bottom:30px;left:20px;}nav#mfreutel ul li{list-style-type:none;}nav#mfreutel ul li a{text-decoration:none}nav#mfreutel aside.close{position:absolute;right:40px;top:30px;width:30px;height:30px;}nav#mfreutel aside.close .mdiv{height:30px;width:6px;margin-left:15px;background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);Z-index:1}nav#mfreutel aside.close .md{height:30px;width:6px;background-color:#000;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);Z-index:2}nav#mfreutel aside.close:hover{cursor:pointer;}nav#mfreutel aside.close:hover .mdiv,nav#mfreutel aside.close:hover .md{background-color:#f07e00}section.cnt{position:relative;display:block;padding-top:30px}section#prjoverview{zoom:1;}section#prjoverview:after,section#prjoverview:before{content:"";display:table}section#prjoverview:after{clear:both}section#prjoverview.transition{-webkit-transition:margin-top 5s ease-out;-moz-transition:margin-top 5s ease-out;-o-transition:margin-top 5s ease-out;-ms-transition:margin-top 5s ease-out;transition:margin-top 5s ease-out}section#prjoverview div.prjoverviewitem{position:relative;float:left;opacity:1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;top:0;box-shadow:inset 0 0 10px #0f0;}section#prjoverview div.prjoverviewitem.zindex{z-index:5}section#prjoverview div.prjoverviewitem.show{opacity:1}section#prjoverview div.prjoverviewitem img.prjoverviewimage{position:relative;display:block;width:100%;height:auto;z-index:2;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease;}section#prjoverview div.prjoverviewitem img.prjoverviewimage.hide{opacity:0}aside.prjoverviewborder{position:absolute;display:block;width:100%;height:100%;z-index:1;background-color:#fff}section#prjoverview div.prjoverviewitem aside.prjtitle{position:absolute;left:50%;top:50%;right:auto;bottom:auto;inset:auto;width:max-content;max-width:none;height:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;padding:0;overflow:visible;z-index:20;opacity:0;pointer-events:none;}section#prjoverview div.prjoverviewitem aside.prjtitle h2{word-spacing:normal!important;overflow:visible;margin:0;width:max-content;max-width:none;line-height:1.05;text-align:center!important;display:block;white-space:normal;}section#prjoverview div.prjoverviewitem:hover{cursor:pointer;}section#prjoverview div.prjoverviewitem:hover img.prjoverviewimage{opacity:0}section#prjoverview div.prjoverviewitem:hover aside.prjtitle{opacity:1}section#prjoverview div.prjoverviewitem.scrolling:hover img.prjoverviewimage{opacity:1}section#prjoverview div.prjoverviewitem.topsmoother{top:50px}h1{position:fixed;z-index:4;}h1.absolute{position:absolute}section#prjoverview.editorial h1,h1.editorial{width:95%;}section#prjoverview.editorial h1#title,h1.editorial#title{text-align:center;width:20%;top:7.5px;}section#prjoverview.editorial h1#title.template2,h1.editorial#title.template2{text-align:center;width:60%}section#prjoverview.editorial h1#title.template3,h1.editorial#title.template3{text-align:right;width:50%}section#prjoverview.editorial h1#customer,h1.editorial#customer{text-align:left;bottom:15%;}section#prjoverview.editorial h1#customer.template2,h1.editorial#customer.template2{text-align:right;bottom:35%}section#prjoverview.editorial h1#customer.template3,h1.editorial#customer.template3{text-align:left;bottom:40%}section#prjoverview.editorial h1#fcounter,h1.editorial#fcounter{text-align:right;bottom:30%;}section#prjoverview.editorial h1#fcounter.template2,h1.editorial#fcounter.template2{text-align:left;bottom:15%}section#prjoverview.editorial h1#fcounter.template3,h1.editorial#fcounter.template3{bottom:15%;text-align:right}section#prjoverview.editorial div.template3 div#prj_1{margin-top:25%;margin-left:0%;width:25%}section#prjoverview.editorial div.template3 div#prj_2{margin-left:16.666666666666668%;width:25%}section#prjoverview.editorial div.template3 div#prj_3{margin-left:8.333333333333334%;margin-top:35%;width:25%}section#prjoverview.editorial div.template3 div#prj_4{margin-top:-15%;margin-left:41.66666666666667%;width:16.666666666666668%}section#prjoverview.editorial div.template3 div#prj_5{margin-top:10%;margin-left:16.666666666666668%;width:33.333333333333336%}section#prjoverview.editorial div.template3 div#prj_6{margin-top:15%;margin-left:16.666666666666668%;width:25%}section#prjoverview.editorial div.template3 div#prj_7{margin-top:-5%;margin-left:0%;width:25%}section#prjoverview.editorial div.template3 div#prj_8{margin-top:15%;margin-left:16.666666666666668%;width:16.666666666666668%}section#prjoverview.editorial div.template3 div#prj_9{margin-top:10%;margin-left:16.666666666666668%;width:25%}section#prjoverview.editorial div.template3 div#prj_10{margin-top:10%;margin-left:8.333333333333334%;width:25%}section#prjoverview.editorial div.template3 div#prj_11{margin-top:30%;margin-left:8.333333333333334%;width:25%}section#prjoverview.editorial div.template3 div#prj_12{margin-top:1%;margin-left:16.666666666666668%;width:33.333333333333336%}section#prjoverview.editorial div.template3 div#prj_13{margin-top:15%;margin-left:0%;width:33.333333333333336%}section#prjoverview.editorial div.template3 div#prj_14{margin-top:-10%;margin-left:37.5%;width:16.666666666666668%}section#prjoverview.editorial div.template3 div#prj_15{margin-top:10%;margin-left:25%;width:16.666666666666668%}section#prjoverview.editorial div.template3 div#prj_16{margin-top:35%;margin-left:0%;width:25%}section#prjoverview.editorial div.template3 div#prj_17{margin-left:16.666666666666668%;width:25%;margin-top:10%}section#prjoverview.editorial div.template3 div#prj_18{margin-left:8.333333333333334%;margin-top:35%;width:25%}section#prjoverview.editorial div.template3 div#prj_19{margin-top:-15%;margin-left:41.66666666666667%;width:16.666666666666668%}section#prjoverview.editorial div.template3 div#prj_20{margin-top:10%;margin-left:16.666666666666668%;width:33.333333333333336%}section#prjoverview.editorial div.template3 div#prj_21{margin-top:15%;margin-left:16.666666666666668%;width:25%}section#prjoverview.editorial div.template3 div#prj_22{margin-top:-5%;margin-left:0%;width:25%}section#prjoverview.editorial div.template3 div#prj_23{margin-top:15%;margin-left:16.666666666666668%;width:16.666666666666668%}section#prjoverview.editorial div.template3 div#prj_24{margin-top:10%;margin-left:16.666666666666668%;width:25%}section#prjoverview.editorial div.template3 div#prj_25{margin-top:10%;margin-left:8.333333333333334%;width:25%}section#prjoverview.editorial div.template3 div#prj_26{margin-top:30%;margin-left:8.333333333333334%;width:25%}section#prjoverview.editorial div.template3 div#prj_27{margin-top:1%;margin-left:16.666666666666668%;width:33.333333333333336%}section#prjoverview.editorial div.template3 div#prj_28{margin-top:15%;margin-left:0%;width:33.333333333333336%}section#prjoverview.editorial div.template3 div#prj_29{margin-top:-10%;margin-left:37.5%;width:16.666666666666668%}section#prjoverview.editorial div.template3 div#prj_30{margin-top:10%;margin-left:25%;width:16.666666666666668%}section#prjoverview.commercial{margin-top:-3px;}section#prjoverview.commercial h1,h1.commercial{width:95%;height:auto;margin:0;padding:0;font:.9em 'AntarticaBold',sans-serif;font-size:8em;}section#prjoverview.commercial h1#title,h1.commercial#title{top:6.5%;}section#prjoverview.commercial h1#title.template2,h1.commercial#title.template2{text-align:center}section#prjoverview.commercial h1#title.template3,h1.commercial#title.template3{text-align:right}section#prjoverview.commercial h1#customer,h1.commercial#customer{top:35%;}section#prjoverview.commercial h1#customer.template2,h1.commercial#customer.template2{text-align:center}section#prjoverview.commercial h1#customer.template3,h1.commercial#customer.template3{text-align:right}section#prjoverview.commercial h1#fcounter,h1.commercial#fcounter{bottom:5%;height:30%;vertical-align:middle;}section#prjoverview.commercial h1#fcounter.template2,h1.commercial#fcounter.template2{text-align:center}section#prjoverview.commercial h1#fcounter.template3,h1.commercial#fcounter.template3{text-align:right}section#prjoverview.commercial div.prjoverviewitem{float:left;width:16.666666666666668%;height:22vw;margin-right:8.333333333333334%;margin-bottom:10%;}section#prjoverview.commercial div.prjoverviewitem:nth-child(3n + 1){margin-left:8.333333333333334%}section#prjoverview.commercial div.prjoverviewitem:nth-child(3n + 3){margin-right:0}div.imgwrapper{overflow:hidden;width:100%;height:100%}section#prjoverview.commercial div.prjoverviewitem img{display:block;width:100%;height:auto}section.projectdetail{position:relative;min-height:100vh;margin-top:-3px;}section.projectdetail h1{color:#000}section.projectdetail aside.slide{position:relative;height:95vh;width:100%;overflow:hidden;}section.projectdetail aside.slide img{width:auto;height:100%}section.projectdetail aside.desc{position:relative;display:block;width:100%;height:auto;background-color:#fff;}section.projectdetail aside.desc aside.arrdown{position:absolute;bottom:15px;left:50%;margin-left:-25px;width:50px;height:31px;background-image:url("../images/down.jpg");background-size:contain;}section.projectdetail aside.desc aside.arrdown:hover{cursor:pointer}section.projectdetail aside.desc.trans h1{color:#fff !important}section.projectdetail section.gallery{position:relative;top:30px;width:100%;}section.projectdetail section.gallery aside#prjdesc{text-align:center;width:50%;left:25%;margin-bottom:10%;}section.projectdetail section.gallery aside#prjdesc #title{word-spacing:10000em}section.projectdetail section.gallery aside#prjdesc #info{font:.9em 'AntarticaMedium',sans-serif}section.projectdetail section.gallery aside.slide{width:auto;background-color:#fff;text-align:center;background-image:var(--slide-bg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:10%;}section.projectdetail section.gallery aside.slide aside.wrapper{position:relative;display:inline-block;margin:auto;}section.projectdetail section.gallery aside.slide aside.wrapper img{display:none;height:90vh;width:auto;opacity:1;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease}section.projectdetail section.gallery aside.slide aside.wrapper aside.borderstylo{position:absolute;top:0;width:calc(100% - 0px);height:calc(100% - 0px);-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease;background-color:#fff;opacity:0}section.projectdetail section.gallery aside.slide aside.wrapper.showimg aside.borderstylo{/* opacity via JS */}section.projectdetail section.gallery span{font-size:4em;width:100%;text-decoration:none;cursor:pointer;background-color:#fff;}section.projectdetail section.gallery span:hover{color:#f07e00 !important}section#loader{position:fixed;top:0;left:0;height:3px;width:0%;background-color:#000;-webkit-transition:width .2s ease;-moz-transition:width .2s ease;-o-transition:width .2s ease;-ms-transition:width .2s ease;transition:width .2s ease;z-index:10}.notransition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important}.clearfix{zoom:1;}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}img.resize{background-color:#000;opacity:0;-webkit-transition:opacity 2s ease;-moz-transition:opacity 2s ease;-o-transition:opacity 2s ease;-ms-transition:opacity 2s ease;transition:opacity 2s ease;}img.resize.show{opacity:1}aside#isMobile{opacity:0;display:none}.navoff.hide{opacity:0 !important}@media screen and (max-width:1400px){h2{font:.9em 'AntarticaBold',sans-serif;font-size:3.5em;line-height:.9em}h1{font:.9em 'AntarticaMedium',sans-serif;font-size:7em}a.logo,aside#navicon,font fontStyle1{font-size:3em;line-height:.8em}nav#mfreutel ul li a{font-size:7em;line-height:.9em;}nav#mfreutel ul li a:hover,nav#mfreutel ul li a.nav-selected{line-height:.9em;font-size:7em}}@media screen and (max-width:1024px){body{width:calc(100% - 20px)}h2{font:.9em 'AntarticaBold',sans-serif;font-size:2em;line-height:.9em}h1{font:.9em 'AntarticaMedium',sans-serif;font-size:4em}a.logo,aside#navicon,font fontStyle1{font-size:2em;line-height:.8em}a.logo{margin-left:-1px}aside#navicon{margin-right:-1px}nav#mfreutel ul{left:0;}nav#mfreutel ul li a{font-size:3em;line-height:.9em;}nav#mfreutel ul li a:hover,nav#mfreutel ul li a.nav-selected{line-height:.9em;font-size:3em}section#aboutme{margin-top:150px;}section#aboutme div.aboutmeitem{text-align:center;margin:0;width:calc(100% - 20px);}section#aboutme div.aboutmeitem h2{font:.9em 'AntarticaBold',sans-serif;font-size:2em;color:#f07e00;margin:5% 0 0 0;line-height:1em}section#aboutme div.aboutmeitem p{font:.9em 'AntarticaMedium',sans-serif;color:#f07e00;font-size:1.1em;margin:0}section#aboutme div.aboutmeitem a{color:#f07e00;text-decoration:none;}section#aboutme div.aboutmeitem a:hover{border-bottom:2px solid #fff}section#aboutme div.aboutmeitem .half{margin-bottom:60px}section.projectdetail{margin-top:100px;width:calc(100% -20px);}section.projectdetail section.gallery aside.slide{width:calc(100% - 20px);height:auto;margin-bottom:10vh;background-image:none !important;}section.projectdetail section.gallery aside.slide aside.wrapper img{display:block;width:100%;height:auto}section.projectdetail section.gallery aside#prjdesc{width:calc(100% - 20px);left:0}section.projectdetail section.gallery span{font-size:2em;width:50%;padding-bottom:20px}section#prjoverview{margin-top:100px;}section#prjoverview aside.prjtitle{display:none !important}section#prjoverview.editorial div.template3 div#prj_1{margin-top:0%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_2{margin-left:41.66666666666667%;width:50%;margin-top:15%}section#prjoverview.editorial div.template3 div#prj_3{margin-top:15%;margin-left:8.333333333333334%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_4{margin-top:15%;margin-left:16.666666666666668%;width:41.66666666666667%}section#prjoverview.editorial div.template3 div#prj_5{margin-top:15%;margin-left:25%;width:75%}section#prjoverview.editorial div.template3 div#prj_6{margin-top:15%;margin-left:8.333333333333334%;width:58.333333333333336%}section#prjoverview.editorial div.template3 div#prj_7{margin-top:15%;margin-left:25%;width:75%}section#prjoverview.editorial div.template3 div#prj_8{margin-top:15%;margin-left:41.66666666666667%;width:41.66666666666667%}section#prjoverview.editorial div.template3 div#prj_9{margin-top:15%;margin-left:8.333333333333334%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_10{margin-top:15%;margin-left:16.666666666666668%;width:83.33333333333334%}section#prjoverview.editorial div.template3 div#prj_11{margin-top:15%;margin-left:0%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_12{margin-top:15%;margin-left:33.333333333333336%;width:41.66666666666667%}section#prjoverview.editorial div.template3 div#prj_13{margin-top:15%;margin-left:16.666666666666668%;width:83.33333333333334%}section#prjoverview.editorial div.template3 div#prj_14{margin-top:15%;margin-left:0%;width:58.333333333333336%}section#prjoverview.editorial div.template3 div#prj_15{margin-top:15%;margin-left:25%;width:75%}section#prjoverview.editorial div.template3 div#prj_16{margin-top:15%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_17{margin-left:41.66666666666667%;width:50%;margin-top:15%}section#prjoverview.editorial div.template3 div#prj_18{margin-top:15%;margin-left:8.333333333333334%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_19{margin-top:15%;margin-left:16.666666666666668%;width:41.66666666666667%}section#prjoverview.editorial div.template3 div#prj_20{margin-top:15%;margin-left:25%;width:75%}section#prjoverview.editorial div.template3 div#prj_21{margin-top:15%;margin-left:8.333333333333334%;width:58.333333333333336%}section#prjoverview.editorial div.template3 div#prj_22{margin-top:15%;margin-left:25%;width:75%}section#prjoverview.editorial div.template3 div#prj_23{margin-top:15%;margin-left:41.66666666666667%;width:41.66666666666667%}section#prjoverview.editorial div.template3 div#prj_24{margin-top:15%;margin-left:8.333333333333334%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_25{margin-top:15%;margin-left:16.666666666666668%;width:83.33333333333334%}section#prjoverview.editorial div.template3 div#prj_26{margin-top:15%;margin-left:0%;width:66.66666666666667%}section#prjoverview.editorial div.template3 div#prj_27{margin-top:15%;margin-left:33.333333333333336%;width:41.66666666666667%}section#prjoverview.editorial div.template3 div#prj_28{margin-top:15%;margin-left:16.666666666666668%;width:83.33333333333334%}section#prjoverview.editorial div.template3 div#prj_29{margin-top:15%;margin-left:0%;width:58.333333333333336%}section#prjoverview.editorial div.template3 div#prj_30{margin-top:15%;margin-left:25%;width:75%}section#prjoverview.commercial div.prjoverviewitem{float:left;width:calc(50% - 20px);height:60vw;margin-right:20px;margin-bottom:10%;overflow:hidden;}section#prjoverview.commercial div.prjoverviewitem:nth-child(3n + 1){margin-left:0}section#prjoverview.commercial div.prjoverviewitem:nth-child(3n + 3){margin-right:0}section#prjoverview.commercial div.prjoverviewitem img{width:100%;height:auto}}
/* gallery-slide-bg-v20260915 */
/* elon-20260915z-gallery-single-image */
/* elon-20260916a-gallery-fouc-first-paint */

/* elon-20260915e-indian-summer-size */
/* elon-20260915g-bank-cler-thumb */
/* elon-20260915i-scroll-progress-fade */
/* elon-20260915j-overview-scroll-fade */
/* elon-20260915k-fade-30pct-faster */
/* elon-20260915u-desktop-fade-restore */
/* elon-20260915v-fade-hold-015 */
section#prjoverview a{color:#000!important}
section#prjoverview div.prjoverviewitem aside.prjtitle,
section#prjoverview div.prjoverviewitem aside.prjtitle h2,
section#prjoverview div.prjoverviewitem:hover aside.prjtitle h2{
  color:#000!important;
  -webkit-text-fill-color:#000!important;
}

/* Menu open ONLY (body.lockscroll): hide photos, keep solid color fields */
nav#mfreutel{z-index:50;background:transparent!important;background-color:transparent!important}
body.lockscroll nav#mfreutel{z-index:50!important;background:transparent!important;background-color:transparent!important}
a.logo{z-index:60}
a.logo.prjcolor,aside#navicon.prjcolor{color:#000!important}
a.logo.prjcolor:hover,aside#navicon.prjcolor:hover{color:#f07e00!important}
body.lockscroll{left:0}
@media screen and (max-width:1024px){body.lockscroll{left:0}}
body.lockscroll section#prjoverview aside.prjtitle{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.lockscroll section#prjoverview,
body.lockscroll section#prjoverview a{
  pointer-events:none!important;
}
body.lockscroll section#prjoverview aside.prjoverviewborder{
  opacity:1!important;
  visibility:visible!important;
  z-index:1;
}
body.lockscroll section#prjoverview img.prjoverviewimage{
  opacity:0!important;
}

/* Desktop scroll-progress fade: color overlay ABOVE thumb; JS drives opacity.
   Must beat title z-index:20 and must NOT apply when menu closed. */
@media screen and (min-width:1025px){
section#prjoverview div.prjoverviewitem.ov-fading aside.prjoverviewborder{
  z-index:3!important;
  pointer-events:none!important;
  visibility:visible!important;
}
section#prjoverview div.prjoverviewitem.ov-fading aside.prjtitle{
  z-index:0!important;
  opacity:0!important;
  visibility:hidden!important;
}
section#prjoverview div.prjoverviewitem.ov-fading img.prjoverviewimage{
  transition:none!important;
}
section#prjoverview div.prjoverviewitem.ov-fading:hover img.prjoverviewimage{opacity:1}
section#prjoverview div.prjoverviewitem.ov-fading:hover aside.prjtitle{opacity:0!important}
/* When menu closed, never force border/img via lockscroll leftovers */
body:not(.lockscroll) section#prjoverview aside.prjoverviewborder{
  /* allow inline opacity from overview.js */
}
body:not(.lockscroll) section#prjoverview img.prjoverviewimage.hide{opacity:0}
body:not(.lockscroll) section#prjoverview div.prjoverviewitem.ov-fading img.prjoverviewimage:not(.hide){opacity:1}
}

/* elon-20260916a-gallery-fouc-first-paint */
   FOUC cause (Astro): BaseLayout .wrapper.showimg{position:absolute;left:0} + slide height:auto
   → collapsed slides, left-offset overlapping 90vh imgs ("two images left/off-center").
   Also harden live: force block stack + relative wrappers from first paint (no JS). */
@media screen and (min-width:1025px){
section.projectdetail section.gallery{
  display:block;
}
section.projectdetail section.gallery aside.slide{
  display:block !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100%;
  height:auto !important;
  overflow:visible !important;
  text-align:center;
  margin-bottom:10%;
  position:relative !important;
  background-image:none !important;
  background-size:auto;
}
section.projectdetail section.gallery aside.slide aside.wrapper,
section.projectdetail section.gallery aside.slide aside.wrapper.showimg{
  position:relative !important;
  left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;
  inset:auto !important;
  width:auto !important;height:auto !important;
  max-width:100%;
  display:inline-block !important;
  margin:0 auto !important;
  z-index:2;
  line-height:0;
  vertical-align:top;
  float:none !important;
}
section.projectdetail section.gallery aside.slide aside.wrapper.showimg img,
section.projectdetail section.gallery aside.slide aside.wrapper img{
  display:block !important;
  height:90vh;width:auto;max-width:100%;
  opacity:1;
  float:none;
}
section.projectdetail section.gallery aside.slide aside.wrapper aside.borderstylo{
  position:absolute;
  inset:0;
  width:auto;height:auto;
  transition:opacity 1.05s ease;
  will-change:opacity;
  z-index:3;
}
section.projectdetail section.gallery aside.slide aside.wrapper.showimg aside.borderstylo{
  visibility:visible;
}
}
/* elon-20260915m-overview-order-aspect */
/* elon-20260915n-indian-summer-shrink: prj_10/25 width 25% */
/* elon-20260915o-perspektiven-bourgeoisie: prj_12/27 margin-top -5%→1% */
/* elon-20260915r-equal-overhang-titles */
/* elon-20260915s-menu-color-fields */
/* elon-20260915t-scrollbar-gutter */
/* elon-20260915u-desktop-fade-restore */
@media screen and (min-width:1025px){
section#prjoverview div.prjoverviewitem{
  overflow:visible!important;
}
section#prjoverview div.prjoverviewitem aside.prjtitle{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
  max-width:none!important;
  height:auto!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  padding:0!important;
  overflow:visible!important;
  z-index:20;
  pointer-events:none;
}
section#prjoverview div.prjoverviewitem aside.prjtitle h2{
  word-spacing:normal!important;
  letter-spacing:normal!important;
  text-align:center!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  display:block!important;
  line-height:1.05;
  white-space:normal!important;
  overflow:visible!important;
}
}

html{scrollbar-gutter:stable}

/* elon-20260915y-color-match-img-box */
section#prjoverview div.prjoverviewitem .imgwrapper{
  position:relative;
  width:100%;
  line-height:0;
}
section#prjoverview div.prjoverviewitem img.prjoverviewimage{
  position:relative;
  width:100%;
  height:auto;
  display:block;
  z-index:2;
}
section#prjoverview div.prjoverviewitem .imgwrapper aside.prjoverviewborder,
section#prjoverview aside.prjoverviewborder{
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  z-index:1;
  will-change:opacity;
}
/* Editorial: wrapper AR / img natural dims size the color box.
   Commercial: fixed slot + cover — ignore JPEG aspect-ratio on item/wrapper. */
section#prjoverview.commercial div.prjoverviewitem{
  aspect-ratio:auto!important;
  overflow:hidden;
}
section#prjoverview.commercial div.prjoverviewitem .imgwrapper{
  aspect-ratio:auto!important;
  width:100%;
  height:100%;
  overflow:hidden;
}
section#prjoverview.commercial div.prjoverviewitem img.prjoverviewimage{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media screen and (min-width:1025px){
  section.projectdetail section.gallery aside.slide aside.wrapper aside.borderstylo{
    will-change:opacity;
  }
}

/* elon-20260916b-layout-stack-only */
body.lockscroll section.projectdetail section.gallery aside.slide{
  background-image:none!important;
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  height:auto!important;
  overflow:visible!important;
  text-align:center;
  position:relative!important;
}
body.lockscroll section.projectdetail section.gallery aside.slide aside.wrapper,
body.lockscroll section.projectdetail section.gallery aside.slide aside.wrapper.showimg,
body.lockscroll section.projectdetail section.gallery aside.slide aside.wrapper.lock{
  position:relative!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  inset:auto!important;
  display:inline-block!important;
  margin:0 auto!important;
  float:none!important;
  line-height:0;
  vertical-align:top;
  max-width:100%;
}

/* elon-20260916b-load-gate-colors-first
   Hide gallery photos until decoded (img-ready); color frames size the box.
   Menu open on projects: show photos (hide color overlay). Overview menu unchanged. */
@media screen and (min-width:1025px){
section.projectdetail section.gallery aside.slide aside.wrapper,
section.projectdetail section.gallery aside.slide aside.wrapper.showimg{
  /* size color box before img decode: height + inline aspect-ratio → width */
  height:90vh !important;
  max-height:90vh;
  max-width:100%;
  width:auto !important;
}
section.projectdetail section.gallery aside.slide aside.wrapper img,
section.projectdetail section.gallery aside.slide aside.wrapper.showimg img{
  display:block !important;
  height:100% !important;
  width:auto !important;
  max-width:100%;
  max-height:90vh;
  opacity:0;
  float:none !important;
}
section.projectdetail section.gallery aside.slide aside.wrapper.img-ready img,
section.projectdetail section.gallery aside.slide aside.wrapper[data-ready="1"] img{
  opacity:1;
}
section.projectdetail section.gallery aside.slide aside.wrapper.showimg aside.borderstylo{
  opacity:1;
  visibility:visible;
  z-index:3;
}
}
@media screen and (max-width:1024px){
section.projectdetail section.gallery aside.slide aside.wrapper,
section.projectdetail section.gallery aside.slide aside.wrapper.showimg{
  width:100% !important;
  height:auto !important;
  max-height:none;
}
section.projectdetail section.gallery aside.slide aside.wrapper img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  opacity:0;
}
section.projectdetail section.gallery aside.slide aside.wrapper.img-ready img,
section.projectdetail section.gallery aside.slide aside.wrapper[data-ready="1"] img{
  opacity:1;
}
}
/* Menu open on PROJECT: photos visible behind nav (not color squares) */
body.lockscroll section.projectdetail section.gallery aside.slide aside.wrapper img,
body.lockscroll section.projectdetail section.gallery aside.slide aside.wrapper.showimg img{
  opacity:1 !important;
}
body.lockscroll section.projectdetail section.gallery aside.slide aside.wrapper aside.borderstylo,
body.lockscroll section.projectdetail section.gallery aside.slide aside.wrapper.showimg aside.borderstylo{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
section#loader{
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:0%;
  background-color:#000;
  z-index:200;
  pointer-events:none;
  transition:width .2s ease, opacity .2s ease;
}

/* elon-20260916c-hero-immediate-no-color
   Initially visible / data-immediate slides: hide color frames from first paint.
   Below-fold slides keep opaque color until scroll fade. */
aside.slide[data-immediate="1"],
aside.slide[data-immediate="1"] aside.wrapper{
  background-color:#fff !important;
}
aside.slide[data-immediate="1"] aside.wrapper aside.borderstylo,
aside.wrapper[data-immediate="1"] aside.borderstylo,
aside.slide[data-immediate="1"] aside.wrapper.showimg aside.borderstylo,
aside.wrapper[data-immediate="1"].showimg aside.borderstylo{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}