body.jmm-oj10-page{
background:#070707 !important;
color:#eee7d9 !important;
}
body.jmm-oj10-page::before{
content:"";
position:fixed;
inset:0;
z-index:0;
pointer-events:none;
background-image:
linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.68)),
var(--jmm-oj10-bg);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
}
body.jmm-oj10-page::after{
content:"";
position:fixed;
inset:0;
z-index:1;
pointer-events:none;
background:
radial-gradient(circle at 18% 18%,rgba(247,226,160,.11) 0 1px,transparent 2px),
radial-gradient(circle at 82% 30%,rgba(247,226,160,.10) 0 1px,transparent 2px),
radial-gradient(circle at 65% 76%,rgba(212,175,90,.08) 0 1px,transparent 2px);
background-size:300px 300px,380px 380px,250px 250px;
}
body.jmm-oj10-page header,
body.jmm-oj10-page .site-header,
body.jmm-oj10-page .main-header{
position:relative;
z-index:20;
background:rgba(0,0,0,.28) !important;
background-color:rgba(0,0,0,.28) !important;
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
border-bottom:1px solid rgba(212,175,90,.28)!important;
}
body.jmm-oj10-page header a,
body.jmm-oj10-page nav a{
color:#e8c86b !important;
}
body.jmm-oj10-page header a:hover,
body.jmm-oj10-page nav a:hover{
color:#fff0ad !important;
text-shadow:0 0 12px rgba(247,226,160,.65);
}
.jmm-oj10-hide{display:none!important;}
.jmm-oj10-wrap{
position:relative;
z-index:5;
max-width:1180px;
margin:0 auto;
padding:0 22px 90px;
}
.jmm-oj10-hero{
min-height:390px;
display:flex;
align-items:flex-end;
justify-content:center;
text-align:center;
padding:0 20px 70px;
box-sizing:border-box;
position:relative;
overflow:hidden;
border:1px solid rgba(212,175,90,.55);
background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));
box-shadow:inset 0 -90px 100px rgba(0,0,0,.42),0 0 45px rgba(212,175,90,.10);
}
.jmm-oj10-hero::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:radial-gradient(circle at 50% 70%,rgba(247,226,160,.16),transparent 38%);
}
.jmm-oj10-hero h1{
position:relative;
z-index:2;
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(52px,7.4vw,102px);
line-height:.95;
font-weight:700;
letter-spacing:.01em;
background:linear-gradient(180deg,#fff2b8,#dfb34e 48%,#fff0a7 72%,#9b701e);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
text-shadow:0 0 15px rgba(247,226,160,.52),0 0 38px rgba(212,175,90,.28);
}
.jmm-oj10-content{
position:relative;
z-index:3;
max-width:980px;
margin:30px auto 0;
padding:48px 56px;
box-sizing:border-box;
background:linear-gradient(145deg,rgba(10,10,10,.68),rgba(5,5,5,.54));
border:1px solid rgba(212,175,90,.50);
box-shadow:0 0 35px rgba(0,0,0,.45),inset 0 0 35px rgba(212,175,90,.035);
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
}
.jmm-oj10-content h1,
.jmm-oj10-content h2,
.jmm-oj10-content h3,
.jmm-oj10-content h4{
color:#f2d27c !important;
font-family:Georgia,"Times New Roman",serif !important;
text-shadow:0 0 10px rgba(212,175,90,.22);
}
.jmm-oj10-content p,
.jmm-oj10-content li{
color:#eee7d9 !important;
font-size:17px !important;
line-height:1.8 !important;
}
.jmm-oj10-content a{color:#f4d98b !important;}
.jmm-oj10-content > *{max-width:820px;margin-left:auto!important;margin-right:auto!important;}
@media(max-width:767px){
body.jmm-oj10-page::before{background-attachment:fixed;background-position:center center;}
.jmm-oj10-wrap{padding:0 12px 55px;}
.jmm-oj10-hero{min-height:360px;padding-bottom:58px;}
.jmm-oj10-hero h1{font-size:clamp(42px,13vw,70px);}
.jmm-oj10-content{padding:28px 20px;margin-top:22px;}
.jmm-oj10-content p,.jmm-oj10-content li{font-size:16px!important;line-height:1.7!important;}
}