/* P-024E / APPROVED POSHESH VISUAL DNA */

/* ---------- HERO ---------- */

.pm-showcase-hero{
position:relative;
isolation:isolate;
min-height:670px;
display:flex;
align-items:center;
overflow:hidden;
background:
radial-gradient(700px 430px at 82% 24%,
rgba(68,220,232,.10),transparent 67%),
radial-gradient(620px 390px at 18% 80%,
rgba(112,74,220,.085),transparent 69%),
linear-gradient(145deg,#02080e 0%,#031018 53%,#02070c 100%);
}

.pm-showcase-hero .poshesh-container{
position:relative;
z-index:5;
}

.pm-showcase-hero h1{
max-width:980px;
}

.pm-showcase-hero h1 strong{
position:relative;
display:block;
max-width:850px;
color:#ddb16d;
}

.pm-showcase-hero h1 strong::after{
content:"";
display:block;
width:min(330px,60%);
height:1px;
margin-top:24px;
background:
linear-gradient(90deg,
rgba(221,177,109,.7),
rgba(77,222,232,.45),
transparent);
}


/* ---------- ENERGY FIELD ---------- */

.pm-energy{
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
overflow:hidden;
}

.pm-energy-ring{
position:absolute;
width:520px;
height:520px;
top:50%;
left:77%;
margin:-260px 0 0 -260px;
border:1px solid rgba(73,219,229,.13);
border-radius:50%;
animation:pm-ring 18s linear infinite;
}

.pm-energy-ring::before,
.pm-energy-ring::after{
content:"";
position:absolute;
border-radius:50%;
inset:54px;
border:1px solid rgba(128,89,225,.12);
}

.pm-energy-ring::after{
inset:126px;
border-color:rgba(221,177,109,.16);
}

.pm-energy-core{
position:absolute;
width:12px;
height:12px;
top:50%;
left:77%;
margin:-6px 0 0 -6px;
border-radius:50%;
background:#75e5ec;
box-shadow:
0 0 30px rgba(73,220,232,.72),
0 0 90px rgba(73,220,232,.25);
animation:pm-core 4.8s ease-in-out infinite;
}

.pm-orbit-dot{
position:absolute;
top:calc(50% - 254px);
left:77%;
width:7px;
height:7px;
border-radius:50%;
background:#ddb16d;
box-shadow:0 0 24px rgba(221,177,109,.65);
transform-origin:0 254px;
animation:pm-orbit 13s linear infinite;
}

.pm-beam{
position:absolute;
left:-15%;
top:67%;
width:68%;
height:1px;
background:
linear-gradient(90deg,
transparent,
rgba(87,223,232,.46),
rgba(122,86,224,.35),
transparent);
transform:rotate(-9deg);
transform-origin:center;
animation:pm-beam 6s ease-in-out infinite;
}


/* ---------- HERO META ---------- */

.pm-heritage{
display:flex;
align-items:center;
gap:18px;
margin-top:48px;
direction:ltr;
width:max-content;
}

.pm-heritage strong{
font-size:2rem;
font-weight:300;
line-height:1;
color:#dcb06c;
}

.pm-heritage span{
padding-left:18px;
border-left:1px solid rgba(255,255,255,.12);
color:#718892;
font-size:.63rem;
line-height:1.7;
letter-spacing:.13em;
}


/* ---------- FEATURE GRID ---------- */

.pm-feature-section{
position:relative;
background:
linear-gradient(180deg,#02080e 0%,#031018 50%,#02080e 100%);
}

.pm-feature-section::before{
content:"";
position:absolute;
top:0;
left:50%;
width:min(900px,80%);
height:1px;
transform:translateX(-50%);
background:
linear-gradient(90deg,
transparent,
rgba(78,220,230,.25),
rgba(218,173,105,.18),
transparent);
}

.pm-feature-grid .pr-service-card{
transition:
transform .35s ease,
border-color .35s ease,
background .35s ease;
}

.pm-feature-grid .pr-service-card::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:1px;
transform:scaleX(0);
transform-origin:right;
background:
linear-gradient(90deg,
#54dae4,
#7656da,
#d8aa62);
transition:transform .45s ease;
}

.pm-feature-grid .pr-service-card:hover{
transform:translateY(-5px);
border-color:rgba(84,218,228,.18);
background:rgba(6,22,30,.72);
}

.pm-feature-grid .pr-service-card:hover::after{
transform:scaleX(1);
}


/* ---------- PROCESS ---------- */

.pm-process-section{
position:relative;
overflow:hidden;
}

.pm-process-section::after{
content:"";
position:absolute;
width:580px;
height:580px;
right:-300px;
top:-250px;
border:1px solid rgba(118,86,218,.07);
border-radius:50%;
pointer-events:none;
}

.pm-process .pr-process article{
position:relative;
transition:
transform .3s ease,
background .3s ease;
}

.pm-process .pr-process article:hover{
transform:translateY(-4px);
background:rgba(84,218,228,.025);
}

.pm-process .pr-process b{
display:flex;
align-items:center;
gap:12px;
}

.pm-process .pr-process b::after{
content:"";
height:1px;
width:34px;
background:
linear-gradient(90deg,
rgba(216,170,98,.6),
transparent);
}


/* ---------- ENERGY SIGNATURE ---------- */

.pm-signature{
position:relative;
padding:clamp(75px,9vw,125px) 0;
overflow:hidden;
border-bottom:1px solid rgba(255,255,255,.045);
background:#02070c;
}

.pm-signature-grid{
display:grid;
grid-template-columns:.82fr 1.18fr;
gap:80px;
align-items:center;
}

.pm-signature-number{
font-size:clamp(7rem,15vw,13rem);
font-weight:200;
line-height:.75;
letter-spacing:-.08em;
color:transparent;
-webkit-text-stroke:1px rgba(216,170,98,.42);
}

.pm-signature-copy span{
color:#54dae4;
font-size:.67rem;
font-weight:800;
letter-spacing:.13em;
}

.pm-signature-copy h2{
max-width:720px;
margin:18px 0;
font-size:clamp(2rem,4vw,4rem);
line-height:1.35;
}

.pm-signature-copy p{
max-width:680px;
margin:0;
color:#778e98;
font-size:.83rem;
line-height:2;
}

.pm-pulse-line{
position:absolute;
left:0;
bottom:20%;
width:100%;
height:1px;
overflow:hidden;
background:rgba(255,255,255,.035);
}

.pm-pulse-line::after{
content:"";
position:absolute;
top:0;
left:-25%;
width:25%;
height:1px;
background:
linear-gradient(90deg,
transparent,
#54dae4,
#8161e1,
transparent);
animation:pm-pulse 7s linear infinite;
}


/* ---------- MOTION ---------- */

@keyframes pm-ring{
to{transform:rotate(360deg)}
}

@keyframes pm-orbit{
to{transform:rotate(360deg)}
}

@keyframes pm-core{
0%,100%{transform:scale(.82);opacity:.65}
50%{transform:scale(1.28);opacity:1}
}

@keyframes pm-beam{
0%,100%{transform:rotate(-9deg) translateX(-3%);opacity:.25}
50%{transform:rotate(-9deg) translateX(8%);opacity:.8}
}

@keyframes pm-pulse{
to{left:110%}
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:900px){

.pm-showcase-hero{
min-height:auto;
}

.pm-energy-ring{
left:86%;
opacity:.65;
}

.pm-energy-core,
.pm-orbit-dot{
left:86%;
}

.pm-signature-grid{
grid-template-columns:1fr;
gap:45px;
}

}

@media(max-width:620px){

.pm-energy-ring{
width:330px;
height:330px;
margin:-165px 0 0 -165px;
opacity:.45;
}

.pm-orbit-dot{
display:none;
}

.pm-beam{
width:100%;
}

.pm-heritage{
margin-top:35px;
}

}


/* ---------- ACCESSIBILITY ---------- */

@media(prefers-reduced-motion:reduce){

.pm-energy-ring,
.pm-energy-core,
.pm-orbit-dot,
.pm-beam,
.pm-pulse-line::after{
animation:none!important;
}

.pm-feature-grid .pr-service-card,
.pm-process .pr-process article{
transition:none!important;
}

}

/* END P-024E */

/* P-024F SHARED MIDDLE PAGE ADAPTER */

/* approved energy hero on every visual middle page */
.pr-page .pr-simple-hero.pm-showcase-hero{
position:relative;
isolation:isolate;
overflow:hidden;
background:
radial-gradient(700px 430px at 82% 24%,
rgba(68,220,232,.10),transparent 67%),
radial-gradient(620px 390px at 18% 80%,
rgba(112,74,220,.085),transparent 69%),
linear-gradient(145deg,#02080e 0%,#031018 53%,#02070c 100%);
}

.pr-page .pm-showcase-hero>.poshesh-container{
position:relative;
z-index:5;
}


/* cards */
.pr-page .pr-services-grid .pr-service-card{
position:relative;
transition:
transform .35s ease,
border-color .35s ease,
background .35s ease;
}

.pr-page .pr-services-grid .pr-service-card::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:1px;
transform:scaleX(0);
transform-origin:right;
background:
linear-gradient(
90deg,
#54dae4,
#7656da,
#d8aa62
);
transition:transform .45s ease;
}

.pr-page .pr-services-grid .pr-service-card:hover{
transform:translateY(-5px);
border-color:rgba(84,218,228,.18);
background:rgba(6,22,30,.72);
}

.pr-page .pr-services-grid .pr-service-card:hover::after{
transform:scaleX(1);
}


/* process / timeline */
.pr-page .pr-process article,
.pr-page .pr-about-timeline article{
position:relative;
transition:
transform .3s ease,
background .3s ease;
}

.pr-page .pr-process article:hover,
.pr-page .pr-about-timeline article:hover{
transform:translateY(-4px);
background:rgba(84,218,228,.025);
}


/* restrained section lighting */
.pr-page .pr-section{
position:relative;
}

.pr-page .pr-section:nth-of-type(even){
background:
radial-gradient(
520px 260px at 88% 0%,
rgba(84,218,228,.025),
transparent 75%
),
#02070d;
}


/* no expensive paint effects */
.pr-page,
.pr-page *{
backdrop-filter:none;
}


/* reduced motion */
@media(prefers-reduced-motion:reduce){

.pr-page .pr-service-card,
.pr-page .pr-process article,
.pr-page .pr-about-timeline article{
transition:none!important;
transform:none!important;
}

}

/* END P-024F */
