/* ==========================================================
   AXISPRO
   SCENE MODE
========================================================== */

.hero{

height:100vh;
position:relative;
overflow:hidden;

}

.hero::after{

content:"";

position:absolute;
inset:0;

background:

linear-gradient(
180deg,
rgba(0,0,0,.15),
rgba(0,0,0,.55)
);

pointer-events:none;

}

.hero-content{

max-width:1100px;

z-index:10;

}

.hero h1{

max-width:1000px;

margin:auto;

text-shadow:
0 4px 30px rgba(0,0,0,.35);

}

.hero-text{

max-width:700px;

margin:auto;

}

.section{

min-height:100vh;

display:flex;

align-items:center;

}

.section-header{

width:100%;

}

.reception-panels{

margin-top:60px;

}

.panel-card{

min-height:340px;

display:flex;

flex-direction:column;

justify-content:space-between;

}

.panel-card h3{

font-size:32px;

}

.panel-card p{

flex:1;

}

.path-button{

margin-top:40px;

padding:18px;

border:none;

border-radius:14px;

font-weight:700;

cursor:pointer;

background:

linear-gradient(
135deg,
#e5c87b,
#f4dfab
);

color:#09121f;

}

.path-button:hover{

transform:
translateY(-3px);

}

.mystery-section{

text-align:center;

}

.mystery-section h2{

font-size:64px;

}

.mystery-symbol{

font-size:160px;

}

.future-section{

text-align:center;

}

.future-section p{

font-size:32px;

}

#axisForm{

max-width:900px;

margin:auto;

}

#axisForm button{

font-size:18px;

}