.ri{--gold:#B8952A;--gold2:#D4AF50;--gold3:#F5E9C8;--gold4:#FBF6EA;--dark:#1A1208;--white:#fff;--offwhite:#FAFAF7;--border:#E8DFC8;--muted:#999;font-family:'Outfit',sans-serif;color:var(--dark);width:100%} .ri *{box-sizing:border-box;margin:0;padding:0} /* HERO */ .ri-hero{background:var(--dark);padding:60px 32px 52px;text-align:center;position:relative;overflow:hidden} .ri-hero::after{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(184,149,42,.15) 0%,transparent 65%);pointer-events:none} .ri-hero-label{position:relative;z-index:1;font-size:10px;font-weight:600;letter-spacing:6px;text-transform:uppercase;color:var(--gold2);margin-bottom:14px} .ri-hero-title{position:relative;z-index:1;font-family:'Cormorant Garamond',serif;font-size:clamp(42px,8vw,90px);font-weight:700;line-height:.9;background:linear-gradient(135deg,#F5E9C8 0%,#D4AF50 45%,#8B6914 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px} .ri-hero-sub{position:relative;z-index:1;font-size:13px;color:rgba(245,233,200,.4);font-weight:300} /* BODY */ .ri-body{background:var(--offwhite);min-height:300px} .ri-inner{max-width:900px;margin:0 auto;padding:52px 20px 80px} /* GRID */ .ri-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px} /* YEAR CARD */ .ri-card{display:block;text-decoration:none;background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer} .ri-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(26,18,8,.1),0 0 0 1px var(--gold2);border-color:var(--gold2)} .ri-card-top{background:var(--dark);padding:32px 20px 28px;text-align:center;position:relative;overflow:hidden} .ri-card-top::after{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(ellipse,rgba(184,149,42,.18) 0%,transparent 70%);pointer-events:none} .ri-card-yr{position:relative;z-index:1;font-family:'Cormorant Garamond',serif;font-size:58px;font-weight:700;line-height:1;background:linear-gradient(135deg,#F5E9C8 0%,#D4AF50 50%,#8B6914 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .ri-card-body{padding:16px 18px 20px} .ri-card-name{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;color:var(--dark);margin-bottom:8px} .ri-card-arrow{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:5px} .ri-card-arrow::after{content:'→';transition:transform .18s} .ri-card:hover .ri-card-arrow::after{transform:translateX(4px)} /* LOADING / EMPTY */ .ri-load{padding:80px 20px;text-align:center} .ri-spin{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:rispin .7s linear infinite;margin:0 auto 14px} @keyframes rispin{to{transform:rotate(360deg)}} .ri-load p{font-size:13px;color:var(--muted)} @media(max-width:560px){ .ri-hero{padding:44px 16px 40px} .ri-inner{padding:36px 14px 60px} .ri-grid{grid-template-columns:repeat(2,1fr);gap:14px} } (function(){ /* Fetch child pages of this Recap parent (id=3327) */ fetch('/wp-json/wp/v2/pages?parent=3327&per_page=100&orderby=slug&order=desc') .then(function(r){ return r.json(); }) .then(function(pages){ if(!Array.isArray(pages)||!pages.length){ showEmpty(); return; } /* Extract year from slug e.g. "2025-recap" → 2025 */ var years = pages .map(function(p){ var m = p.slug.match(/(\d{4})/); return m ? {yr: parseInt(m[1]), title: p.title.rendered, link: p.link} : null; }) .filter(Boolean) .sort(function(a,b){ return b.yr - a.yr; }); if(!years.length){ showEmpty(); return; } var html = ''; document.getElementById('ri-main').innerHTML = html; }) .catch(showEmpty); function showEmpty(){ document.getElementById('ri-main').innerHTML = '

No recap pages found.

'; } })();