/* Page refresh — About, Academics, Certificates, Projects, Contact (22-Oct-2026).
   Scoped to body.rf-page so no other page changes. Colourful hero band, livelier
   cards and a journey strip, matching the new home / exhibition / people pages. */
.rf-page{--rf1:#6366f1;--rf2:#ec4899;--rf3:#f59e0b}
.rf-about{--rf1:#4f46e5;--rf2:#db2777;--rf3:#f59e0b}
.rf-academics{--rf1:#1d4ed8;--rf2:#0d9488;--rf3:#facc15}
.rf-certificates{--rf1:#7c3aed;--rf2:#ea580c;--rf3:#fde047}
.rf-portfolio{--rf1:#047857;--rf2:#0284c7;--rf3:#a3e635}
.rf-contact{--rf1:#be123c;--rf2:#f97316;--rf3:#fde68a}

/* hero band */
.rf-page .page-top{padding-top:22px}
.rf-page .page-head,.rf-page .pf-hero,.rf-page .page-top>.container>header:first-child{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;padding:34px 30px 30px;margin-bottom:22px;color:#fff;
  background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--rf3) 55%,transparent) 0,transparent 38%),radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--rf2) 70%,transparent) 0,transparent 45%),linear-gradient(135deg,var(--rf1),color-mix(in srgb,var(--rf1) 55%,#0f172a));
  box-shadow:0 24px 50px -30px color-mix(in srgb,var(--rf1) 80%,transparent)}
.rf-page .page-head::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:34px solid rgba(255,255,255,.08);z-index:-1}
.rf-page .page-head .eyebrow{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff}
.rf-page .page-head .page-title,.rf-page .page-head h1{color:#fff}
body.rf-page .page-head .gradient-text,body.rf-page .page-head h1 .gradient-text{background:linear-gradient(90deg,#fff,var(--rf3))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:none!important}
.rf-page .page-head .lead,.rf-page .page-head p{color:rgba(255,255,255,.9)}
.rf-page .page-head a{color:#fff}
.rf-page .page-head .btn-outline{border-color:rgba(255,255,255,.6);color:#fff}

/* cards */
.rf-page .card,.rf-page .glass-card{border-radius:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rf-page .card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(15,23,42,.45)}
.rf-page .grid>.card{border-top:4px solid var(--rfk,var(--rf1))}
.rf-page .grid>.card:nth-child(5n+2){--rfk:var(--rf2)}
.rf-page .grid>.card:nth-child(5n+3){--rfk:#10b981}
.rf-page .grid>.card:nth-child(5n+4){--rfk:#0ea5e9}
.rf-page .grid>.card:nth-child(5n+5){--rfk:#f59e0b}
.rf-page h2.section-title,.rf-page .section h2:not(.page-title){position:relative}
.rf-page .badge,.rf-page .chip{border-radius:999px}
.rf-page .btn-primary{background:linear-gradient(135deg,var(--rf1),var(--rf2));border:0}

/* one Life Atlas gateway */
.rf-strip{padding:18px 0 46px}.rf-atlas-gateway{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;border:1px solid hsl(var(--border));border-radius:22px;background:linear-gradient(110deg,rgb(99 102 241/.1),rgb(236 72 153/.07),rgb(14 165 233/.08))}.rf-atlas-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#f97316,#ec4899 48%,#6366f1);color:#fff}.rf-atlas-icon svg{width:23px;height:23px}.rf-atlas-gateway>div>span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#6366f1}.rf-atlas-gateway h2{margin:3px 0 2px;font-size:clamp(19px,2.2vw,25px);letter-spacing:-.025em}.rf-atlas-gateway p{margin:0;max-width:65ch;font-size:12px;line-height:1.55;color:hsl(var(--muted-foreground))}.rf-atlas-gateway nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.rf-atlas-gateway nav a{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--card));color:hsl(var(--foreground));font-size:11px;font-weight:700;text-decoration:none}.rf-atlas-gateway nav a:first-child{background:#6366f1;border-color:#6366f1;color:#fff}.rf-atlas-gateway nav svg{width:12px;height:12px}.rf-atlas-gateway nav a:hover{transform:translateY(-2px)}
@media(max-width:720px){.rf-atlas-gateway{grid-template-columns:auto 1fr}.rf-atlas-gateway nav{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:560px){.rf-page .page-head{padding:26px 18px 22px;border-radius:20px}.rf-atlas-gateway{padding:16px;border-radius:18px}.rf-atlas-icon{width:40px;height:40px}.rf-atlas-gateway nav a{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.rf-page *{transition:none!important}}
/* deep-view link grid (merge 22-Oct-2026) */
/* journey strip */
.rf-strip h2{font-size:clamp(20px,2.4vw,26px);margin:0 0 4px;letter-spacing:-.02em}
.rf-strip p.muted{margin:0 0 14px}
.rf-strip-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.rf-strip-grid a{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-radius:18px;text-decoration:none;color:#fff;min-height:120px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--k),color-mix(in srgb,var(--k) 55%,#0f172a));transition:transform .2s ease,box-shadow .2s ease}
.rf-strip-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 30px -18px var(--k)}
.rf-strip-grid a .ic{width:22px;height:22px}
.rf-strip-grid a b{font-size:15px}.rf-strip-grid a small{font-size:12px;opacity:.9;line-height:1.35}
.rf-strip-grid a.is-here{outline:3px solid var(--rf3);outline-offset:2px}
@media(max-width:1100px){.rf-strip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.rf-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-strip-grid a{min-height:104px}}