html,body{
margin:0;
padding:0;
background:#020403;
overflow-x:hidden;
}

body{
font-family:Georgia,'Times New Roman',serif;
color:#fff;
}

/* Desktop remains the approved image */
.desktop-site{
position:relative;
width:100vw;
background:#020403;
}

.desktop-img{
display:block;
width:100vw;
height:auto;
}

.hotspot{
position:absolute;
display:block;
background:rgba(255,255,255,0);
border:0;
cursor:pointer;
z-index:50;
padding:0;
}

.about-trigger{left:6%;top:0.6%;width:24%;height:7.5%;}
.services-trigger{right:7%;top:0.6%;width:34%;height:7.5%;}
.phone-link,.text-link{right:12%;bottom:11%;width:30%;height:5%;}
.email-link{right:7%;bottom:4.8%;width:38%;height:5%;}

.dropdown{
position:absolute;
background:rgba(2,12,11,.97);
border:2px solid #d29d22;
border-radius:14px;
padding:20px;
width:min(360px,26vw);
color:#fff;
z-index:100;
backdrop-filter:blur(8px);
box-shadow:0 0 30px rgba(0,0,0,.75);
}

.about-box{left:5%;top:6.5%;}
.services-box{right:7%;top:6.5%;}

.dropdown h2{
margin-top:0;
padding-right:30px;
color:#00d7d7;
font-size:clamp(18px,1.4vw,30px);
}

.dropdown p,.dropdown li{
font-size:clamp(13px,.95vw,20px);
line-height:1.55;
}

.close-btn,.mobile-close{
position:absolute;
right:12px;
top:8px;
background:transparent;
border:0;
color:#f4c44d;
font-size:28px;
line-height:1;
cursor:pointer;
}

.hidden{display:none;}

.mobile-site{display:none;}

.seo-content{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/* Mobile: desktop artwork sliced into vertical scroll sections */
@media(max-width:760px){
.desktop-site{display:none;}

.mobile-site{
display:block;
width:100vw;
background:#020403;
overflow-x:hidden;
}

.mobile-section{
position:relative;
width:100vw;
margin:0;
padding:0;
background:#020403;
}

.mobile-section img{
display:block;
width:100vw;
height:auto;
margin:0;
padding:0;
}

.mobile-hotspot{
position:absolute;
display:block;
background:rgba(255,255,255,0);
border:0;
cursor:pointer;
z-index:50;
}

.mobile-about-trigger{
left:0;
top:0;
width:44%;
height:15%;
}

.mobile-services-trigger{
right:0;
top:0;
width:56%;
height:15%;
}

.mobile-dropdown{
position:relative;
margin:0;
padding:20px;
background:rgba(2,12,11,.98);
border-top:2px solid #d29d22;
border-bottom:2px solid #d29d22;
color:#fff;
z-index:100;
box-shadow:0 0 30px rgba(0,0,0,.75);
}

.mobile-dropdown h2{
margin-top:0;
padding-right:30px;
color:#00d7d7;
font-size:24px;
}

.mobile-dropdown p,
.mobile-dropdown li{
font-family:Arial,sans-serif;
font-size:15px;
line-height:1.6;
}

.mobile-dropdown ul{
padding-left:20px;
}

.mobile-phone,
.mobile-text{
right:7%;
bottom:21%;
width:45%;
height:12%;
}

.mobile-email{
right:4%;
bottom:5%;
width:56%;
height:12%;
}
}