/*
 * PluginPip 2027 | Services hero, architectural composition.
 * Original geometric studio mark. No orbital motifs or travelling dots.
 * Scoped to /services/. Avoids altering the rest of the theme.
 */
.pp-stage--services .pp-services-hero__visual{
  position:relative;
  width:min(100%,650px);
  min-height:0;
  aspect-ratio:1 / 1;
  overflow:visible;
  isolation:isolate;
  transform:translateX(1%);
}
.pp-stage--services .pp-services-hero__visual::before{
  content:"";
  position:absolute;
  inset:13% 6%;
  border-radius:0;
  background:linear-gradient(125deg,rgba(120,69,219,.1),rgba(197,132,252,.18),transparent 79%);
  filter:blur(35px);
  pointer-events:none;
}
.pp-stage--services .pp-services-hero__architecture{
  position:absolute;
  inset:10% 8% 10% 8%;
  isolation:isolate;
  transform:rotate(-7deg);
}
.pp-stage--services .pp-services-hero__sheet{
  position:absolute;
  width:73%;
  height:73%;
  left:13%;
  top:13%;
  clip-path:polygon(0 0,77% 0,100% 23%,100% 100%,0 100%);
  border-radius:19px;
}
.pp-stage--services .pp-services-hero__sheet--rear{
  background:linear-gradient(155deg,#a26ff4 0%,#6d3ec3 38%,#2b1558 100%);
  transform:translate(13%,-12%) rotate(10deg);
  box-shadow:0 20px 30px rgba(4,0,24,.3);
}
.pp-stage--services .pp-services-hero__sheet--middle{
  background:linear-gradient(145deg,rgba(246,219,255,.88),rgba(173,123,230,.58) 38%,rgba(107,56,173,.8));
  border:1px solid rgba(245,232,255,.7);
  transform:translate(-10%,10%) rotate(-9deg);
  box-shadow:0 16px 30px rgba(7,0,30,.3);
}
.pp-stage--services .pp-services-hero__sheet--front{
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(1.25rem,3vw,2.65rem);
  color:#271139;
  background:linear-gradient(146deg,#ecffb5 0%,#d1fa6b 30%,#b9f03d 76%,#a1d938 100%);
  transform:translate(2%,-1%) rotate(1deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset -6px -9px 0 rgba(66,127,15,.13),0 22px 48px rgba(8,1,30,.42);
}
.pp-stage--services .pp-services-hero__sheet--front::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  top:0;
  width:100%;
  height:9px;
  background:#23113d;
  opacity:.9;
}
.pp-stage--services .pp-services-hero__sheet-label{
  font-size:clamp(.55rem,.86vw,.76rem);
  font-weight:900;
  letter-spacing:.18em;
}
.pp-stage--services .pp-services-hero__sheet-copy{
  display:block;
  font-family:Impact,'Arial Narrow','DejaVu Sans Condensed',sans-serif;
  font-size:clamp(2.15rem,4.15vw,4.55rem);
  line-height:.99;
  letter-spacing:-.02em;
  text-transform:uppercase;
  overflow-wrap:normal;
}
.pp-stage--services .pp-services-hero__sheet-copy em{
  display:block;
  font-style:normal;
  font-size:.78em;
}
.pp-stage--services .pp-services-hero__sheet-signature{
  display:block;
  padding-top:12px;
  border-top:1px solid rgba(36,17,56,.45);
  font-size:clamp(.5rem,.77vw,.69rem);
  font-weight:850;
  letter-spacing:.075em;
}
.pp-stage--services .pp-services-hero__architecture-edge{
  position:absolute;
  z-index:3;
  width:23%;
  height:2.2%;
  right:6%;
  bottom:17%;
  background:#f5d0ff;
  border-radius:2px;
  transform:rotate(-5deg);
  opacity:.86;
}
.pp-stage--services .pp-services-hero__node{
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  width:auto;
  padding:.77rem 1.35rem;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px 999px 12px 999px;
  font-size:clamp(.7rem,.89vw,.83rem);
  font-weight:850;
  line-height:1.15;
  letter-spacing:.065em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 9px 21px rgba(7,1,31,.25);
  backdrop-filter:blur(9px) saturate(120%);
  -webkit-backdrop-filter:blur(9px) saturate(120%);
  text-shadow:none;
}
.pp-stage--services .pp-services-hero__node::before{content:none}
.pp-stage--services .pp-services-hero__node--web{
  top:10%;
  left:8%;
  color:#2a1343;
  background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(218,184,255,.63));
  transform:rotate(-8deg);
}
.pp-stage--services .pp-services-hero__node--software{
  top:14%;
  right:0;
  color:#fff;
  background:linear-gradient(160deg,rgba(153,97,236,.84),rgba(84,37,154,.86));
  transform:rotate(7deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 9px 21px rgba(7,1,31,.25);
}
.pp-stage--services .pp-services-hero__node--hosting{
  left:0;
  bottom:19%;
  color:#31133b;
  background:linear-gradient(160deg,rgba(255,221,245,.89),rgba(230,137,202,.68));
  transform:rotate(5deg);
}
.pp-stage--services .pp-services-hero__node--seo{
  right:11%;
  bottom:8%;
  color:#223019;
  background:linear-gradient(160deg,rgba(246,255,211,.92),rgba(195,238,107,.7));
  transform:rotate(-7deg);
}
@media(max-width:1199px){
  .pp-stage--services .pp-services-hero__sheet-copy{font-size:clamp(1.75rem,3.8vw,3.1rem)}
  .pp-stage--services .pp-services-hero__node{min-height:42px;padding:.68rem 1.1rem}
}
@media(max-width:780px){
  .pp-stage--services .pp-services-hero__visual{width:min(100%,500px);margin:1.5rem auto 0;transform:none}
  .pp-stage--services .pp-services-hero__sheet-copy{font-size:clamp(2rem,7.2vw,3.5rem)}
}
@media(max-width:480px){
  .pp-stage--services .pp-services-hero__visual{width:min(100%,350px)}
  .pp-stage--services .pp-services-hero__sheet--front{padding:1.05rem}
  .pp-stage--services .pp-services-hero__sheet-copy{font-size:clamp(1.6rem,6.3vw,2.25rem)}
  .pp-stage--services .pp-services-hero__sheet-label{font-size:.49rem}
  .pp-stage--services .pp-services-hero__sheet-signature{font-size:.43rem}
  .pp-stage--services .pp-services-hero__node{font-size:.61rem;min-height:37px;padding:.57rem .8rem}
}
@media(prefers-reduced-motion:reduce){
  .pp-stage--services .pp-services-hero__architecture,
  .pp-stage--services .pp-services-hero__sheet,
  .pp-stage--services .pp-services-hero__node{animation:none;transition:none}
}