/* ============================================================
custom-orders - page styles
Loaded after site.css, so anything here wins for this page
only. Rules identical to site.css were dropped, so the
shared sheet is the one place to change a shared look.
============================================================ */

.intro{
max-width:640px;
margin:0 auto;
text-align:center;
padding:0 24px;
font-size:15px;
line-height:1.8;
color:rgba(231,228,236,0.65);
}
.steps{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:22px;
max-width:820px;
margin:44px auto 0;
padding:0 24px;
}
@media (max-width:700px){ .steps{grid-template-columns:1fr;} }
.step{
background:linear-gradient(180deg, var(--panel), var(--void));
border:1px solid rgba(201,168,232,0.2);
padding:26px 22px;
text-align:center;
}
.step .num{
font-family:'Pirata One', serif;
font-size:26px;
color:var(--royal);
margin-bottom:10px;
}
.step h3{
font-family:'Cinzel', serif;
font-size:13px;
letter-spacing:0.1em;
margin-bottom:9px;
}
.step p{font-size:13px; line-height:1.65; color:rgba(231,228,236,0.55);}