/* EMERALD CHAMBER V4.1 — BOTANICAL EDITION */

/* Fixed header clearance */
.cpe-page > .neo-hero{
  padding-top:155px;
}
.neo-topline{
  margin-bottom:20px;
}
.neo-main{
  min-height:610px;
}

/* Botanical emerald atmosphere */
.neo-hero{
  background-color:#06140f;
}
.neo-hero:before{
  background:
    radial-gradient(ellipse 38% 65% at 78% 40%,rgba(177,126,66,.23),transparent 75%),
    radial-gradient(ellipse 42% 55% at 20% 48%,rgba(20,113,75,.30),transparent 78%),
    radial-gradient(ellipse 40% 50% at 0% 95%,rgba(73,122,88,.18),transparent 80%),
    linear-gradient(115deg,#06140e,#0c3425 49%,#15130e);
}
.neo-grain{
  opacity:.40;
  background:
    radial-gradient(ellipse 22% 38% at 5% 52%,transparent 65%,rgba(194,165,103,.12) 66%,transparent 67%),
    radial-gradient(ellipse 18% 32% at 12% 62%,transparent 65%,rgba(194,165,103,.10) 66%,transparent 67%),
    radial-gradient(ellipse 15% 28% at 3% 72%,transparent 65%,rgba(194,165,103,.10) 66%,transparent 67%),
    repeating-linear-gradient(125deg,transparent 0 85px,rgba(221,182,116,.055) 86px,transparent 87px 170px),
    repeating-linear-gradient(35deg,transparent 0 150px,rgba(67,140,94,.08) 151px,transparent 152px 300px);
}

/* Architectural decorative details */
.neo-copy:before{
  content:"";
  position:absolute;
  left:-28px;top:14%;bottom:18%;
  width:1px;
  background:linear-gradient(transparent,#d8b67866,transparent);
  pointer-events:none;
}
.neo-copy:after{
  content:"✧";
  position:absolute;
  left:-35px;top:14%;
  color:#e3c18a;
  font-size:18px;
  pointer-events:none;
}
.neo-copy h1{
  background:linear-gradient(120deg,#fff7e9 5%,#f3dfbd 52%,#d3a774 83%,#fff1d4);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.neo-intro{
  border-left:2px solid rgba(228,185,117,.65);
  padding-left:20px;
}
.neo-showcase{
  filter:drop-shadow(0 0 40px rgba(211,152,79,.10));
}
.neo-arch-outer{
  box-shadow:
    0 0 0 3px #4a2d17,
    0 0 35px rgba(226,164,85,.55),
    inset 0 0 25px rgba(226,164,85,.25);
}

/* Portrait animation */
@keyframes neo-card-arrive{
  from{opacity:0;transform:translateY(35px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.neo-card{
  animation:neo-card-arrive .8s cubic-bezier(.2,.8,.2,1) both;
}
.neo-card-1{animation-delay:.12s}
.neo-card-2{animation-delay:.26s}
.neo-card-3{animation-delay:.40s}
.neo-card.is-focused{
  transform:translateY(-17px) scale(1.04);
  z-index:9;
}
.neo-card.is-focused .neo-card-inner{
  border-color:#ffe3ad;
  box-shadow:
    0 0 0 4px rgba(241,211,155,.55),
    0 0 45px rgba(228,181,116,.65);
}
.neo-card.is-focused img{
  transform:scale(1.08);
}
.neo-card.is-focused .neo-card-arrow{
  opacity:1;
  transform:none;
}
.neo-card:focus-visible{
  outline:3px solid #f7d99d;
  outline-offset:7px;
}

/* A little more breathing room around the statistics */
.neo-stats{
  margin-top:16px;
}

@media(max-width:850px){
  .cpe-page > .neo-hero{
    padding-top:140px;
  }
  .neo-main{min-height:0}
  .neo-copy:before,.neo-copy:after{display:none}
}

@media(max-width:550px){
  .cpe-page > .neo-hero{
    padding-top:125px;
  }
  .neo-topline{margin-bottom:0}
  .neo-copy{padding-top:38px}
  .neo-intro{padding-left:14px}
  .neo-stats{margin-top:12px}
  .neo-card.is-focused{
    transform:translateY(-10px) scale(1.045);
  }
}

/* Respect reduced-motion preferences */
@media(prefers-reduced-motion:reduce){
  .neo-card{animation:none!important}
  .neo-card.is-focused{transform:none}
}