/* About, Contact, Shipping: Kong Climb content pages. */
.pg{padding-top:clamp(12px,2vw,24px)}
.pg section{margin:0 0 clamp(28px,5vw,56px)}

/* hero: copy left, a lit tower window grid with Kong on the right */
.pg-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(16px,4vw,48px);align-items:center;
  margin:0 0 clamp(28px,5vw,56px);padding:clamp(22px,4vw,48px);border-radius:24px;overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,rgba(59,13,71,.92),rgba(16,31,35,.92) 70%);border:1px solid rgba(255,241,228,.1);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
.pg-hero::after{content:"";position:absolute;inset:auto -10% -40% 30%;height:80%;z-index:-1;
  background:radial-gradient(closest-side,rgba(255,133,59,.35),transparent)}
.pg-hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1;margin:6px 0 16px;text-shadow:0 6px 0 rgba(6,9,11,.35)}
.pg-hero h1 em{font-style:normal;color:var(--lime)}
.pg-hero .lead{margin:0}
.pg-hero .crumbs{margin-bottom:18px}
.pg-hero-art{position:relative;justify-self:center;width:min(100%,260px);aspect-ratio:1}
.pg-windows{position:absolute;inset:4% 4% 10%;border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(141,204,36,.42),rgba(141,204,36,.12) 55%,transparent 70%);
  box-shadow:inset 0 0 0 2px rgba(141,204,36,.35),0 0 60px rgba(141,204,36,.18)}
.pg-windows::after{content:"";position:absolute;inset:-8%;border-radius:50%;border:2px dashed rgba(255,133,59,.35);animation:pgspin 40s linear infinite}
@keyframes pgspin{to{transform:rotate(1turn)}}
.pg-hero-art img{position:absolute;left:50%;bottom:0;width:78%;height:auto;transform:translateX(-50%);filter:drop-shadow(0 18px 24px rgba(0,0,0,.55));animation:pgbob 5s ease-in-out infinite}
@keyframes pgbob{0%,100%{translate:0 0}50%{translate:0 -6px}}

/* cards */
.pg-grid{display:grid;gap:clamp(12px,2vw,20px)}
.pg-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2.6vw,28px);border-radius:18px;
  background:rgba(16,31,35,.82);border:1px solid var(--line);text-decoration:none;color:var(--cream)}
.pg-card .ico{width:34px;height:34px;stroke:var(--lime);stroke-width:1.8;margin-bottom:6px}
.pg-card h2,.pg-card h3{font-size:clamp(1.3rem,2.2vw,1.6rem);margin:0}
.pg-card p{margin:0;color:var(--cream-2)}
.pg-card .cta{margin-top:10px}
.pg-card .btn .ico{width:18px;height:18px;margin:0;stroke:currentColor}
.pg-link{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.pg-link:hover,.pg-link:focus-visible{transform:translateY(-4px);border-color:var(--lime);box-shadow:0 22px 44px -20px rgba(0,0,0,.85),0 0 34px -10px rgba(141,204,36,.5)}
.pg-action{margin-top:auto;padding-top:12px;font-weight:800;color:var(--lime);overflow-wrap:anywhere}
.pg-action::after{content:" →"}

/* about: story + facts */
.pg-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:start}
.pg-contact-more{grid-template-columns:1fr 1fr}
.pg-story{padding:clamp(20px,3.5vw,40px);border-radius:20px;background:rgba(16,31,35,.72);border:1px solid var(--line);font-size:1.06rem;line-height:1.75}
.pg-story > :first-child{margin-top:0}
.pg-story > :last-child{margin-bottom:0}
.pg-story h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:1.4em 0 .4em;color:var(--cream)}
.pg-story h2:first-child{margin-top:0}
.pg-story h2::before{content:"";display:block;width:36px;height:3px;background:var(--lime);margin-bottom:12px}
.pg-story p{color:var(--cream-2)}
/* 0.1.5 policy pages: lists and links inside the story panel and the side card */
.pg-story ul,.pg-facts ul{margin:.4em 0 1em;padding-left:1.2em;color:var(--cream-2)}
.pg-story li,.pg-facts li{margin:.35em 0}
.pg-story li::marker,.pg-facts li::marker{color:var(--lime)}
.pg-story a{color:var(--lime);font-weight:700}
.pg-terms h2{margin-top:0}
.pg-facts{position:sticky;top:calc(var(--hdr) + 16px)}
.pg-facts dl{margin:4px 0 16px;display:grid;gap:14px}
.pg-facts dl div{display:flex;flex-direction:column-reverse;border-bottom:1px solid var(--line);padding-bottom:12px}
.pg-facts dt{color:var(--muted);font-weight:700;font-size:.85rem}
.pg-facts dd{margin:0;font-family:var(--display);font-size:2.2rem;line-height:1;color:var(--lime)}
.pg-values h2,.pg-steps h2{font-size:clamp(1.7rem,3.4vw,2.6rem);margin-bottom:18px}

/* shipping */
.pg-free{display:flex;align-items:center;gap:clamp(16px,4vw,40px);padding:clamp(20px,3.5vw,36px);border-radius:22px;
  background:repeating-linear-gradient(135deg,rgba(141,204,36,.14) 0 22px,transparent 22px 44px),var(--slab);border:2px solid var(--lime)}
.pg-free-amount{margin:0;font-family:var(--display);font-size:clamp(3rem,9vw,5.6rem);line-height:.9;color:var(--lime);text-shadow:0 6px 0 rgba(6,9,11,.45)}
.pg-free-amount small{display:block;font:800 .72rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;text-shadow:none}
.pg-free p:last-child{margin:0;font-size:1.1rem;color:var(--cream-2);max-width:36ch}
.pg-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px);counter-reset:none}
.pg-steps li{position:relative;padding:clamp(18px,2.6vw,28px);border-radius:18px;background:rgba(16,31,35,.82);border:1px solid var(--line)}
.pg-steps li .n{position:absolute;right:16px;top:12px;font-family:var(--display);font-size:2.4rem;color:rgba(255,241,228,.08)}
.pg-steps .ico{width:32px;height:32px;stroke:var(--lime);margin-bottom:10px}
.pg-steps h3{font-size:1.3rem;margin:0 0 6px}
.pg-steps p{margin:0;color:var(--cream-2)}

/* call to action band */
.pg-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:clamp(20px,3.5vw,36px);border-radius:22px;
  background:linear-gradient(120deg,rgba(141,204,36,.16),rgba(255,133,59,.14));border:1px solid rgba(255,241,228,.14)}
.pg-cta h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 6px}
.pg-cta p{margin:0;color:var(--cream-2)}

@media (max-width:900px){
  .pg-hero{grid-template-columns:1fr}
  .pg-hero-art{position:absolute;right:-18px;bottom:-12px;width:132px;opacity:.9}
  .pg-hero-copy{padding-right:96px}
  .pg-grid.three,.pg-grid.two,.pg-split,.pg-contact-more,.pg-steps ol{grid-template-columns:1fr}
  .pg-facts{position:static}
  .pg-free{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){.pg-hero-copy{padding-right:64px}.pg-hero-art{width:104px}}