/*!
 * Erin Gerald Affiliates — Insights: White Papers page
 * Copyright (c) 2006–2026 Erin Gerald Affiliates. All Rights Reserved.
 */
:root { --wp-navy: #11053C; --wp-navy-950: #08031F; --wp-gold: #C7AA64; --wp-gold-300: #E2D0A6; }

/* ---------- Hero ---------- */
#wp-hero { position: relative; overflow: hidden; padding: 110px 0 120px; color: #fff;
  background: radial-gradient(900px 600px at 82% 40%, rgba(62,50,133,.55), transparent 65%), radial-gradient(700px 500px at 0% 100%, rgba(199,170,100,.14), transparent 60%), var(--wp-navy-950); }
#wp-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 80px 80px;
  -webkit-mask-image: radial-gradient(ellipse at 75% 45%, #000, transparent 70%); mask-image: radial-gradient(ellipse at 75% 45%, #000, transparent 70%); opacity: .5; }
#wp-hero .container { position: relative; }
.wp-hero-text { position: relative; padding-left: 44px; }
.wp-hero-bar { position: absolute; left: 12px; top: 10px; width: 8px; height: 150px; background: var(--wp-gold); }
#wp-hero h1 { font-family: "Roboto", sans-serif; font-weight: 700; font-size: clamp(48px, 6vw, 78px); line-height: 1; color: #fff; text-transform: uppercase; margin: 0 0 26px; letter-spacing: 0; }
.wp-hero-sub { font-family: "Roboto", sans-serif; font-size: 17px; line-height: 1.6; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.85); max-width: 520px; margin-bottom: 34px; }
.wp-hero-btn { background: var(--wp-gold) !important; color: var(--wp-navy-950) !important; font-weight: 800; }
.wp-hero-btn:hover { background: #fff !important; }
.wp-fan { position: relative; height: 440px; }
.wp-fan img { position: absolute; top: 20px; width: 240px; height: auto; border-radius: 4px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.08);
  transition: transform .5s cubic-bezier(.2,.7,.1,1); }
.wp-fan img:nth-child(1) { left: 6%;  transform: rotate(-12deg) translateY(30px); }
.wp-fan img:nth-child(2) { left: 22%; transform: rotate(-5deg) translateY(8px); }
.wp-fan img:nth-child(3) { left: 38%; transform: rotate(3deg) translateY(8px); }
.wp-fan img:nth-child(4) { left: 54%; transform: rotate(10deg) translateY(24px); }
.wp-fan:hover img:nth-child(1) { transform: rotate(-15deg) translate(-20px, 30px); }
.wp-fan:hover img:nth-child(4) { transform: rotate(13deg) translate(20px, 18px); }
@media (max-width: 991.98px) { #wp-hero { padding: 80px 0 90px; } }

/* ---------- Tiles ---------- */
.wp-card { overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: transform .3s ease, box-shadow .3s ease; }
.wp-card:hover { transform: translateY(-4px); box-shadow: 0 20px 50px -24px rgba(8,3,31,.45) !important; }
.wp-cover { position: relative; display: block; aspect-ratio: 900 / 1165; overflow: hidden; background: var(--wp-navy-950); }
.wp-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2,.7,.1,1); }
a.wp-cover:hover img { transform: scale(1.04); }
.wp-new { position: absolute; top: 14px; right: 14px; background: var(--wp-gold); color: var(--wp-navy-950); font: 800 11px/1 "Inter", sans-serif; letter-spacing: .14em; text-transform: uppercase; padding: 7px 11px; border-radius: 999px; }

/* Coming Soon mask */
.wp-cover.is-soon img { filter: grayscale(.35) brightness(.62) blur(1px); transform: scale(1.02); }
.wp-cover.is-soon::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,3,31,.15), rgba(8,3,31,.55)); }
.wp-soon-badge { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; font: 800 14px/1 "Inter", sans-serif; letter-spacing: .22em; text-transform: uppercase;
  color: #fff; padding: 14px 20px; border: 1.5px solid rgba(255,255,255,.85); border-radius: 999px; background: rgba(8,3,31,.55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.wp-ribbon { position: absolute; z-index: 2; top: 26px; right: -46px; width: 190px; transform: rotate(45deg); text-align: center; background: var(--wp-gold); color: var(--wp-navy-950);
  font: 800 10.5px/1 "Inter", sans-serif; letter-spacing: .16em; text-transform: uppercase; padding: 8px 0; box-shadow: 0 6px 16px -6px rgba(0,0,0,.6); }

.wp-card .p-4 { flex: 1 1 auto; }
.wp-card h3 a { color: inherit; }
.wp-card .mt-auto-hr { margin-top: auto !important; }
.wp-card hr { margin-top: 1.5rem; }
.wp-foot { display: flex; flex-direction: column; gap: 10px; }
.wp-status { font: 700 11.5px/1 "Inter", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.wp-status.live { color: #2E7D5B; }
.wp-status.soon { color: #8E6F2C; }
.wp-link { font-weight: 600; font-size: 15px; }
.wp-link.primary { color: var(--wp-navy); }
.wp-card-soon h3 { color: #555; }